Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 好男人神马视频www在线观看,欧美成人观看视频在线,欧美日韩综合网在线观看 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營(yíng)銷(xiāo)服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢(xún)熱線(xiàn)：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          網(wǎng)頁(yè)前端設(shè)計(jì)-16邊框樣式
          
        
           
          
	
	
          
		
                        
          <script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
          邊框可以是圖片img，也可以是div元素，也可以是table，也可以是span
          一、邊框樣式的三要素：
          1、邊框的寬度 border-width
          2、邊框的外觀 border-style
          3、邊框的顏色 border-color
          二、邊框?qū)傩?/p>
          語(yǔ)法：
          border-width：像素值；
border-style: 屬性值；none 無(wú)樣式、dashed虛線(xiàn)、solid實(shí)線(xiàn)
border-color:關(guān)鍵字或者RGB值。
          舉例：
          <!DOCTYPE html>
<html>	
	<head>
		<meta charset="UTF-8">
		<title>12CSS</title>		
<style type="text/css">
div
{
	width=100px;
	height=50px;
}
#div1
{
border-width: 2;
border-style: solid;
border-color:red;	
}
</style>
	</head> 
	<body>
<div id=div1>你好，嘻嘻</div>
<div>你好，嘻嘻</div>

	</body>
</html>

          邊框三個(gè)屬性簡(jiǎn)寫(xiě)
          語(yǔ)法：
          border:1px solid red;
等價(jià)于
border-width:1px;
border-style: solid;
border-color:red;
          舉例：
          <!DOCTYPE html>
<html>	
	<head>
		<meta charset="UTF-8">
		<title>12CSS</title>		
<style type="text/css">
div
{
border: 1px solid red;
}
</style>
	</head> 
	<body>
<div>你好，嘻嘻</div>
	</body>
</html>

          三、局部樣式
          一個(gè)框有四個(gè)邊，如果想單獨(dú)設(shè)置一個(gè)邊就需要單獨(dú)設(shè)定
          1、上邊框border-top
          border-top-width: 1px;
border-top-style: solid;
border-top-color: red;
簡(jiǎn)寫(xiě)為：
border-top: 1px solid red;
          2、下邊框border-bottom
          border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: red;
簡(jiǎn)寫(xiě)為：
border-bottom: 1px solid red;

          3、左邊框border-left
          border-left-width: 1px;
border-left-style: solid;
border-left-color: red;
簡(jiǎn)寫(xiě)為：
border-left: 1px solid red;
          4、右邊框border-right
          border-right-width: 1px;
border-right-style: solid;
border-right-color: red;
簡(jiǎn)寫(xiě)為
border-right: 1px solid red;
          整體舉例
          戰(zhàn)wxPython系列-039
          wxPythontigo提供了一些高級(jí)控件。例如，樹(shù)形控件、HTML窗口、網(wǎng)格控件、列表控件、或具有高級(jí)樣式功能的編輯器等。
          一、wx.ListBox列表框
          wx.ListBox列表框控件從一個(gè)字符串列表中選擇一個(gè)或者多個(gè)字符串。所選字符串顯示在一個(gè)可以滾動(dòng)的列表框中，所選中的字符串將特別標(biāo)記。列表框可以是單選 (如果選擇了其中的一個(gè)項(xiàng)，則清除先前的選擇項(xiàng))或者多重選擇(選擇一個(gè)項(xiàng)的時(shí)，不影響對(duì)其他項(xiàng)的選擇)。
          列表框元素從0開(kāi)始編號(hào)，雖然元素的最大數(shù)量是無(wú)限的，但通常最好使用虛擬控件，不需要一次性將所有項(xiàng)添加到其中。由于這個(gè)控件沒(méi)有做優(yōu)化，比如在wx.dataview.DataViewCtrl或者使用LC_VIRTUAL樣式的wx.ListCtrl時(shí)，需要加載超過(guò)上百的項(xiàng)時(shí)，性能會(huì)有所影響。
          注意，列表框不支持除制表符以外的控制字符。
          wx.ListBox支持的窗口樣式：
          • wx.LB_SINGLE：?jiǎn)芜x列表。
          • wx.LB_MULTIPLE：多選列表。
          • wx.LB_EXTENDED：擴(kuò)展選擇列表:用戶(hù)可以使用SHIFT或CTRL鍵以及光標(biāo)移動(dòng)鍵或鼠標(biāo)來(lái)擴(kuò)展選擇。
          • wx.LB_HSCROLL：如果內(nèi)容太多，創(chuàng)建水平滾動(dòng)條(僅限Windows)。
          • wx.LB_ALWAYS_SB：始終顯示垂直滾動(dòng)條。
          • wx.LB_NEEDED_SB：只在需要時(shí)創(chuàng)建垂直滾動(dòng)條。
          • wx.LB_NO_SB：不創(chuàng)建垂直滾動(dòng)條(僅限于wxMSW和wxGTK)。
          • wx.LB_SORT：列表框內(nèi)容按字母順序排序。
          注意：LB_SINGLE, LB_MULTIPLE和LB_EXTENDED樣式是互斥的，最多可以指定其中一個(gè)樣式(單選是默認(rèn)設(shè)置)。
          wx.ListBox發(fā)出的事件：
          • EVT_LISTBOX：當(dāng)列表中的項(xiàng)被選中或選擇發(fā)生變化時(shí)，處理wx.EVT_LISTBOX事件。
          • EVT_LISTBOX_DCLICK：當(dāng)雙擊列表框時(shí)，處理wx.EVT_LISTBOX_DCLICK事件。
          wx.ListBox常用方法：
          • Deselect(self, n)：取消選擇列表框中的項(xiàng)(只適用于多選擇列表框)。
          • EnsureVisible(self, n)：確保當(dāng)前顯示具有給定索引的項(xiàng)。這個(gè)方法只在必要時(shí)滾動(dòng)列表框，如果這個(gè)項(xiàng)已經(jīng)顯示，它不會(huì)做任何事情。
          • FindString(self, string, caseSensitive=False)：查找與給定字符串匹配的項(xiàng)。
          • GetCount(self)：返回控件中的項(xiàng)數(shù)。
          • GetCountPerPage(self)：返回可以放入列表框垂直可見(jiàn)區(qū)域的項(xiàng)數(shù)量。如果無(wú)法確定每頁(yè)的條目數(shù)，則返回-1。
          • GetSelection(self)：返回所選項(xiàng)的索引，如果沒(méi)有選擇項(xiàng)，則返回NOT_FOUND。
          • GetSelections(self)：用當(dāng)前選定項(xiàng)的位置填充整數(shù)數(shù)組
          • GetString(self, n)：返回具有給定索引的項(xiàng)的標(biāo)簽。索引必須是有效的，即小于GetCount返回的值，否則會(huì)觸發(fā)斷言。值得注意的是，如果控件為空，則不能調(diào)用此函數(shù)。
          • GetTopItem(self)：返回最上面可見(jiàn)項(xiàng)的索引。如果該方法沒(méi)有為當(dāng)前平臺(tái)實(shí)現(xiàn)，則返回NOT_FOUND。
          • HitTest (self, point)：返回位于point上的項(xiàng)，如果沒(méi)有項(xiàng)位于point上，則返回NOT_FOUND。
          • InsertItems(self, items, pos)：在指定位置之前插入給定數(shù)量的字符串。
          • IsSelected(self, n)：確定是否選擇某項(xiàng)。
          • IsSorted(self)：如果列表框?yàn)長(zhǎng)B_SORT樣式，則返回True。此方法主要僅用于內(nèi)部使用。
          • SetFirstItem (self, string)：將指定的項(xiàng)設(shè)置為第一個(gè)可見(jiàn)項(xiàng)。
          • SetItemBackgroundColour(self, item, c)：如果wx.LB_OWNERDRAW標(biāo)志被設(shè)置,在列表框中設(shè)置一個(gè)項(xiàng)的背景顏色(僅對(duì)MSW有效)。
          • SetItemFont(self, item, f)：如果wx.LB_OWNERDRAW標(biāo)志被設(shè)置，在列表框中設(shè)置一個(gè)項(xiàng)的前景顏色(僅對(duì)MSW有效)。
          • SetSelection(self, n)：將選定項(xiàng)設(shè)置為給定項(xiàng)n，如果n == NOT_FOUND則完全刪除選定項(xiàng)。注意，這不會(huì)觸發(fā)任何命令事件，也不會(huì)取消控件中支持多個(gè)選擇的任何其他項(xiàng)。
          • SetString(self, n, string)：為給定的項(xiàng)設(shè)置標(biāo)簽。
          圖1：wx.ListBox類(lèi)繼承關(guān)系
          二、wx.ListBox演示
          #列表框(wx.ListBox)

import wx

class SampleListBox(wx.Frame):

    def __init__(self, *args, **kw):
        super(SampleListBox, self).__init__(*args, **kw)

        self.InitUi()

    def InitUi(self):
        #設(shè)置標(biāo)題
        self.SetTitle("實(shí)戰(zhàn)wxPython: ListBox演示")
        #設(shè)置窗口尺寸
        self.SetSize(400, 240)

        panel = wx.Panel(self)

        #水平布局
        hbox = wx.BoxSizer(wx.HORIZONTAL)

        # 添加一個(gè)列表框
        self.listbox = wx.ListBox(panel)
        hbox.Add(self.listbox, wx.ID_ANY, wx.EXPAND | wx.ALL, 20)

        # 按鈕面板
        btnPanel = wx.Panel(panel)
        vbox = wx.BoxSizer(wx.VERTICAL)
        newButon = wx.Button(btnPanel, wx.ID_ANY, "新建", size = (90, 30))
        renButton = wx.Button(btnPanel, wx.ID_ANY, "重命名", size = (90, 30))
        delButton = wx.Button(btnPanel, wx.ID_ANY, "刪除", size = (90, 30))
        clrButton = wx.Button(btnPanel, wx.ID_ANY, "清理", size = (90, 30))

        newButon.Bind(wx.EVT_BUTTON, self.NewItem)
        renButton.Bind(wx.EVT_BUTTON, self.OnRename)
        delButton.Bind(wx.EVT_BUTTON, self.OnDelete)
        clrButton.Bind(wx.EVT_BUTTON, self.OnClear)
        self.Bind(wx.EVT_LISTBOX_DCLICK, self.OnRename)

        vbox.Add((-1, 20)) #距離頂端20像素
        vbox.Add(newButon)
        vbox.Add(renButton, 0, wx.TOP, 5)
        vbox.Add(delButton, 0, wx.TOP, 5)
        vbox.Add(clrButton, 0, wx.TOP, 5)

        btnPanel.SetSizer(vbox)
        hbox.Add(btnPanel, 0.6, wx.EXPAND | wx.RIGHT, 20)
        panel.SetSizer(hbox)

        self.Centre()

    def NewItem(self, e):
        text = wx.GetTextFromUser("輸入一個(gè)新項(xiàng)", "插入對(duì)話(huà)框")
        if text != "":
            self.listbox.Append(text)

    def OnRename(self, e):
        sel = self.listbox.GetSelection()
        text = self.listbox.GetString(sel)
        renamed = wx.GetTextFromUser("項(xiàng)重命名", "重命名對(duì)話(huà)框", text)

        if renamed != "":
            self.listbox.Delete(sel)
            item_id = self.listbox.Insert(renamed, sel)
            self.listbox.SetSelection(item_id)

    def OnDelete(self, e):
        sel = self.listbox.GetSelection()
        if sel != -1:
            self.listbox.Delete(sel)

    def OnClear(self, e):
        self.listbox.Clear()

def main():
    app = wx.App()
    sample = SampleListBox(None)
    sample.Show()
    app.MainLoop()

if __name__ == "__main__":
    main()
          這個(gè)例子展示了如何從wx.ListBox中添加、修改和刪除項(xiàng)。
          self.listbox = wx.ListBox(panel)
 hbox.Add(self.listbox, wx.ID_ANY, wx.EXPAND | wx.ALL, 20)
          創(chuàng)建一個(gè)空的wx.ListBox。設(shè)置列表框邊框距離20px。
          self.Bind(wx.EVT_LISTBOX_DCLICK, self.OnRename)
          綁定wx. EVT_LISTBOX_DCLICK事件到方法OnRename(),這樣，如果雙擊列表框中的特定元素，就會(huì)顯示重命名對(duì)話(huà)框。
          def NewItem(self, e):
        text = wx.GetTextFromUser("輸入一個(gè)新項(xiàng)", "插入對(duì)話(huà)框")
        if text != "":
            self.listbox.Append(text)
          通過(guò)單擊新建按鈕調(diào)用NewItem()方法。在NuwItem方法中，使用包裝器wx.GetTextFromUser()方法顯示一個(gè)wx.TextEntryDialog。將對(duì)話(huà)框中輸入的文本返回給文本變量。如果文本不是空的，我們用append()方法將它添加到列表框中。
          if renamed != "":
       self.listbox.Delete(sel)
       item_id = self.listbox.Insert(renamed, sel)
       self.listbox.SetSelection(item_id)
          通過(guò)刪除項(xiàng)并在同一位置插入新項(xiàng)來(lái)重命名項(xiàng)。將選擇設(shè)置回已修改的項(xiàng)。
          def OnDelete(self, e):
        sel = self.listbox.GetSelection()
        if sel != -1:
            self.listbox.Delete(sel)
          要?jiǎng)h除一個(gè)項(xiàng)，通過(guò)調(diào)用GetSelection()方法找到所選項(xiàng)的索引。然后使用delete()方法刪除該項(xiàng)。
          def OnClear(self, e):
        self.listbox.Clear()
          調(diào)用Clear()方法清除整個(gè)列表框。
          圖2：wx.ListBox演示
          三、wx.CheckListBox復(fù)選列表框
          wx.CheckListBox是wx.ListBox的派生類(lèi)，繼承了它的功能，它在每個(gè)選項(xiàng)上額外顯示一個(gè)復(fù)選框。
          wx.CheckListBox發(fā)出的事件：
          • EVT_CHECKLISTBOX：當(dāng)選中或取消選中復(fù)選框中的項(xiàng)時(shí)，處理wx.EVT_CHECKLISTBOX事件。
          wx.CkeckListBox常用方法：
          • Check(self, item, check=True)：設(shè)置給定的項(xiàng)的選擇狀態(tài)。調(diào)用此方法不會(huì)導(dǎo)致觸發(fā)wx.EVT_CHECKLISTBOX事件。
          • GetCheckedItems(self)：根據(jù)IsChecked返回與控件中已選擇項(xiàng)對(duì)應(yīng)的整數(shù)序列。
          • GetCheckedStrings(self)：根據(jù)GetChecked返回與控件的已選擇項(xiàng)對(duì)應(yīng)的字符串元組。
          • GetSelections(self)：返回當(dāng)前選定項(xiàng)的索引列表。
          • IsChecked(self, item)：如果選中給定項(xiàng)則返回True，否則返回False。
          • SetCheckedItems(self, indexes)：如果在索引序列中找到項(xiàng)的索引，則設(shè)置項(xiàng)的已選定狀態(tài)。
          • SetCheckedStrings(self, strings)：如果在字符串序列中找到項(xiàng)的字符串，則設(shè)置項(xiàng)的選定狀態(tài)。
          圖3：wx.CheckListBox類(lèi)繼承關(guān)系
          將節(jié)二中的演示代碼：
          self.listbox = wx.ListBox(panel)
          修改成
          self.listbox = wx.CheckListBox(panel)
          運(yùn)行，就可以演示使用wx.CheckListBox，效果如圖4：
          圖4：wx.CheckListBox演示
          四、本文知識(shí)點(diǎn)
          • 了解和使用wx.ListBox。
          • 了解和使用wx.CheckListBox。
          前一篇：wxPython - 狀態(tài)欄StatusBar
          歡迎關(guān)注，評(píng)論，收藏，點(diǎn)贊，和轉(zhuǎn)發(fā)。
          景樣式
          1.背景屬性縮寫(xiě)
          Background: 背景色 背景圖片 背景平鋪方式 背景定位
          例：body {
          background-color:# EDEDED;
          background-image:url(images/bg.png);
          background-repeat:no-repeat;
          background-position:50% 30px;
          }
          縮寫(xiě)后：
          body { background:#EDEDED url(images/bg.png) no-repeat 50% 30px;}
          尺寸樣式
          1.寬度
          width : auto | length
          例：
          p { width:300px;} div { width:50%;}
          2.高度
          height : auto | length
          例：
          img { height:200px;}
          div { height:100px;}
          邊框樣式
          1.邊框線(xiàn)
          border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
          例：div { width:300px; height:100px; border-style:solid; ｝
          border-top-style 設(shè)置上邊框線(xiàn)
          border-bottom-style 設(shè)置下邊框線(xiàn)
          border-left-style 設(shè)置左邊框線(xiàn)
          border-right-style 設(shè)置右邊框線(xiàn)
          2.邊框?qū)挾?/p>
          border-width : medium | thin | thick | length
          例：
          div { width:300px; height:100px; border-style:solid; border-width:1px; ｝
          border-top-width 設(shè)置上邊框?qū)挾?/p>
          border-bottom-width 設(shè)置下邊框?qū)挾?/p>
          border-left-width 設(shè)置左邊框?qū)挾?/p>
          border-right-width 設(shè)置右邊框?qū)挾?/p>
          3.邊框顏色
          border-color : color
          例：div {
          width:300px;
          height:100px;
          border-style:solid;
          border-width:1px;
          border-color:#FF0000;
          }
          border-top-color 設(shè)置上邊框顏色
          border-bottom-color 設(shè)置下邊框顏色
          border-left-color 設(shè)置左邊框顏色
          border-right-color 設(shè)置右邊框顏色
          4.邊框樣式縮寫(xiě)
          border : border-width || border-style || border-color
          例：div {
          width:300px;
          height:100px;
          border-style:solid;
          border-width:1px;
          border-color:#FF0000;
          }
          縮寫(xiě)后：div {
          width:300px;
          height:100px;
          border:1px solid #FF0000;
          }
          外邊距
          margin : auto | length
          例：div { width:300px; height:100px; margin:10px;}
          div { width:300px; height:100px; margin:0 auto;}
          margin-top 設(shè)置上邊的外邊距
          margin-bottom 設(shè)置下邊的外邊距
          margin-left設(shè)置左邊的外邊距
          margin-right設(shè)置右邊的外邊距
          縮寫(xiě)型式：
          margin: 上邊距 右邊距 下邊距 左邊距
          margin: 上下邊距左右邊距
          margin: 上邊距 左右邊距 下邊距
          內(nèi)邊距
          padding : length
          例：
          div { width:300px; height:100px; padding:10px;}
          padding-top 設(shè)置上邊的內(nèi)邊距
          padding-bottom 設(shè)置下邊的內(nèi)邊距
          padding-left設(shè)置左邊的內(nèi)邊距
          padding-right設(shè)置右邊的內(nèi)邊距
          縮寫(xiě)型式：
          padding: 上邊距 右邊距 下邊距 左邊距
          padding : 上下邊距左右邊距
          padding : 上邊距 左右邊距 下邊距
          列表樣式
          1.項(xiàng)目符號(hào)
          list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha |
          katakana | katakana-iroha | lower-latin | upper-latin
          例：
          ul { list-style-type:disc;}/*實(shí)心圓*/
          ul { list-style-type:circle;}/*空心圓*/
          ul { list-style-type:square;}/*實(shí)心方塊*/
          ul { list-style-type:none;}/*不顯示項(xiàng)目符號(hào)*/
          ol { list-style-type:decimal;}/*阿拉伯?dāng)?shù)字*/
          ol { list-style-type:lower-roman;}/*小寫(xiě)羅馬數(shù)字*/
          ol { list-style-type:upper-alpha;}/*大寫(xiě)英文字母*/
          2.自定義項(xiàng)目符號(hào)
          list-style-image : none | url ( url )
          例：
          ul {list-style-image:url(images/arrow.gif)}
          鏈接樣式
          1.鏈接沒(méi)有被訪問(wèn)時(shí)的樣式
          a:link
          例： a:link { color:#ff0000; }
          2.鏈接被訪問(wèn)后的樣式
          a:visited
          例： a:link { color:#0000ff; text-decoration:none; }
          3.鼠標(biāo)懸停在鏈接上的樣式
          a:hover
          例： a:link { background-color:#ccc; }
          4.鼠標(biāo)點(diǎn)擊鏈接時(shí)的樣式
          a:active
          例：a:active { background-color:#ff0000;}
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
日本精品一区二区三区视频|
无码精品黑人一区二区三区|
理论亚洲区美一区二区三区
|
人体内射精一区二区三区|
日本无卡码一区二区三区|
一区二区在线视频观看|
免费观看日本污污ww网站一区|
国产AV午夜精品一区二区三区|
欧美日韩综合一区二区三区|
国99精品无码一区二区三区|
国产日韩精品一区二区三区|
激情内射亚州一区二区三区爱妻|
国产成人久久精品区一区二区
|
国产一区二区三区在线影院|
亚洲视频免费一区|
亚欧成人中文字幕一区|
国产观看精品一区二区三区|
国产成人一区二区三区电影网站|
一区二区在线视频|
久久精品无码一区二区WWW|
国内精品一区二区三区东京|
亚洲国产欧美一区二区三区|
欧洲精品免费一区二区三区|
人妻少妇精品一区二区三区|
AV天堂午夜精品一区|
在线免费一区二区|
av在线亚洲欧洲日产一区二区|
少妇精品久久久一区二区三区
|
一区二区三区午夜视频|
国产情侣一区二区|
国产日韩一区二区三区在线观看|
在线观看视频一区二区|
无码人妻精品一区二区三区东京热|
亚洲国产欧美国产综合一区|
国产免费无码一区二区|
国产一区二区三区在线观看影院|
国产综合一区二区在线观看|
国产成人久久一区二区三区|
2021国产精品一区二区在线
|
国产午夜精品一区二区三区极品|
寂寞一区在线观看|