.wrap li:last-child{ border-right:none;} 吧最后一個li的border-right的border去掉。。。但是兼容不好,ie好像是ie9以上的瀏覽器才行~~
專注于為中小企業(yè)提供成都網站制作、網站設計服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)南岔免費做網站提供優(yōu)質的服務。我們立足成都,凝聚了一批互聯(lián)網行業(yè)人才,有力地推動了數千家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網站建設實現(xiàn)規(guī)模擴充和轉變。
不行還有一種方法li給border,通過margin-left:-1px;合并border,具體如下
body,ul{
margin:0;
padding:0;}
li{
list-style:none;}
.wrap{
width:385px;
height:39px;
overflow:hidden;
border-left:1px
solid
#0000f0;
margin:30px
auto;}
.wrap
li{
width:76px;
height:37px;
line-height:37px;
text-align:center;
border:1px
solid
#0000f0;
float:left;
margin-left:
-1px;
}
妙味
妙味
妙味
妙味
妙味
演示:
層疊就是瀏覽器對多個樣式來源進行疊加,最終確定結果的過程.
css之所以有“層疊”的概念,是因為有多個樣式來源。
其中css樣式來源有5個,分別是內聯(lián)樣式(a style=""),內部樣式(style/style),
外部樣式(寫在css文件中的樣式),瀏覽器用戶自定義樣式,瀏覽器默認樣式;
按照其來源優(yōu)先級為內聯(lián)樣式內部樣式外部樣式瀏覽器用戶自定義樣式瀏覽器默認樣式
按照選擇器優(yōu)先級為id class元素選擇器
如果有important,important優(yōu)先級最高。
CSS(Cascading Style Sheets)
層疊樣式表
優(yōu)勢:
CSS可以提高頁面的瀏覽速度。
縮短改版時間,降低維護費用。
強大的字體控制能力和排版能力。
css容易編寫。
可以一次設計隨處發(fā)布。
更好的控制頁面布局。
實現(xiàn)表現(xiàn)和結構、內容相分離。
更方便搜索引擎的搜索/page Rank
樣式規(guī)則:
語法:選擇器{屬性1:值1;屬性2:值2;...屬性N:值N;}
選擇器就是要改變頁面中的哪些標簽元素
聲明要用{}括起來,;結束
如果屬性中包含空格要用“”括起來
可以指定多個選擇器使用相同的樣式
樣式表:
外部樣式表,新建.css文件,在文件中寫入樣式規(guī)則link rel="stylesheet" href = "xxx.css"
內聯(lián)樣式表,在元素中添加style屬性
嵌入式樣式表,在html使用style標簽,style type="text/css"/style
選擇器:
元素選擇器,元素名
id選擇器,用#id
類選擇器,用.class
后代選擇器,選擇器1 選擇器2
css深化:
就近原則,!important提高元素優(yōu)先級,偽類選擇器,偽對象選擇器,@import導入其他css文件,響應式布局可以解決多設備的兼容問題。
文本屬性:
font-family:字體
font-size:字體大小
font-style:斜體
font-weight:粗體
color:顏色
line-height:行高
letter-spacing:字符間距
text-decoration:文本修飾
text-overflow:文字溢出處理
white-space : no wrap
text-overflow:hidden
text-align:文本對齊
背景屬性:
background-color:背景顏色
background-image:背景圖片
background-repeat:背景重復
background-attachment:背景圖片附著
基于占滿一整行與否,標簽分為兩大類(文檔流):
占滿:行級元素(div,p,h1~h6)
不占滿:行內元素(span,)
定位屬性:
position:定位
absolute:絕對定位
relative:相對定位
重疊在一起需要改變默認的布局方式,將其中一個顯示在上層需要設置深度順序,這兩點分別用如下樣式完成
position: absolute; /*設置為絕對定位*/
z-index:999; /*設置重疊的上下次序,值越大月在上方*/示例如下
創(chuàng)建Html元素
div class="top"
div class="b"是絕對定位,并且重疊在上方/div
div class="a"是默認定位/div
/div2
DIV 標簽
div 標簽定義 HTML 文檔中的分隔(DIVision)或部分(section)。div屬于web前端的學習內容,其中div 標簽常用于組合塊級元素,以便通過樣式表來對這些元素進行格式化。
div 可定義文檔中的分區(qū)或節(jié)(division/section)。div 標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具,并且不使用任何格式與其關聯(lián)。如果用 id 或 class 來標記 div,那么該標簽的作用會變得更加有效。
以上內容參考:百度百科-DIV
大概css設置步驟如下:
1、將所有div設置定位屬性position,如在內嵌樣式style標簽內寫:
div { position : absolute; }
2、為每個div單獨設置位置層屬性z-index與外邊距屬性margin,比如將紅色、黃色、藍色div分別添加class名為div1、div2、div3,則在內嵌樣式style標簽內寫:
.div1 { z-index : 1; margin : 10px; }
.div2 { z-index : 2; margin : 30px; }
.div3 { z-index : 3; margin : 50px; }
說到這應該可以了。
cssclass是對服務器控件應用css
td是沒有cssclass屬性的啊
css是可以重疊的 但是重疊的時候不是直接疊加 而是去重復再疊加
比如class1中width設置成100px,height設置成200px class2中width設置成300px,height沒有設置
那么疊加后的效果就是height=300px;height=200px
只要有重復的屬性設置 后一個就會把前一個沖掉
如果你后面再加上style 寫成td cssclass="class1 class2" style="height:50px;"/td
那么最終的效果就會變成height=50px;height=200px
我剛剛試過了 GridView解釋到客戶端就是個Table, GridView設置CssClass="myNameIs myNameAre"解釋到客戶端就是
table class="myNameIs myNameAre"
數據列ItemTemplate/ItemTemplate解釋到客戶端就是td/td
所以你把GridView調用的cssclass樣式里加上所有td的樣式字體是紅色
那么td中數據就是紅色了啊 你講的那個疊加問題 跟我上面講的一樣 因為我沒學過也沒用asp,我一直在用的都是asp.net 經常調用多個css啊
最后說一句 class和cssclass是一個東西啊 都是寫到樣式文件.css中的啊 只是調用它的控件不同而叫的名字不同而已 比如定義了.red{ color:Red; }
class="red" 和 cssclass="red" 都是調用上面的css啊 只不過用在不同的控件上而已