欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css選擇器語法速查,css怎么增加邊框沒有間隙

老白2年前27瀏覽0評論

css選擇器語法速查,css怎么增加邊框沒有間隙?

css增加邊框沒有間隙的方式如下

方法一:通用兄弟選擇器( ~ )

Document

ul {margin: 0; padding: 0;}

li { list-style: none; height: 50px; line-height: 50px;}

li~li {border-top: 1px solid #000;}

1

2

3

4

5

6

li~li {...} 中的 ~ 符號稱為通用兄弟選擇器,匹配P元素之后的P元素,所以第一個P元素不會匹配到。

方法二:偽類選擇器( :first-of-type / :last-of-type )

Document

ul {margin: 0; padding: 0;}

li { border-top: 1px solid #000; list-style: none; height: 50px; line-height: 50px;}

li:first-of-type {border-top: none;}

1

2

3

4

5

6

首先將所有 li 設置 border-top,然后用 :first-of-type 查找到第一個 li ,取消border-top。

css選擇器語法速查,css怎么增加邊框沒有間隙

css選擇器命名能是百分號嗎?

不能

??具體如下:

左邊是選擇器首字符,右邊是選擇器后面的字符

首字符支持的字符類型是a~z、A~Z、下劃線(_)以及非ASCII字符(中文、全角字符等)

后面的字符支持的字符類型是a~z、A~Z、0~9、下劃線(_)、短橫線(-)以及非ASCII字符

可以直接以短橫線開頭,如果是一根短橫線(-),那么短橫線后面必須有其他字符、字母或下劃線或者其他編碼字符;如果是連續兩根短橫線(–),則它的后面不跟任何字符也是合法的。

css元素的排列規則主要分為?

1、代表內聯樣式,如: style=””,權值為1000。

2、代表ID選擇器,如:#content,權值為100。

3、代表類,偽類和屬性選擇器,如.content,權值為10。

4、代表類型(元素)選擇器和偽元素選擇器,如div p,權值為1。 按照CSS代碼的執行先后順序。如果有重復的規則,按照后執行的定義。最終規則是多個定義規則的綜合。重點:高級規則定義對于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)一頁中的多種超級鏈接樣式定義。多個相同規則不同對象的CSS共同定義。對于同一對象定義的多種CSS方式考慮哪種更科學。

css的命名規則?

一、網頁制作中規范使用DIV+CSS命名規則,可以改善優化功效特別是團隊合作時候可以提供合作制作效率。

所有的命名最好都小寫

屬性的值一定要用雙引號("")括起來,且一定要有值如class="DIVcss",id="divcss"

每個標簽都要有開始和結束,且要有正確的層次,排版有規律工整

空元素要有結束的tag或于開始的tag后加上"/"

表現與結構完全分離,代碼中不涉及任何的表現元素,如style、font、bgColor、border等

<h1>到<h5>的定義,應遵循從大到小的原則,體現文檔的結構,并有利于搜索引擎的查詢。

給每一個表格和表單加上一個唯一的、結構標記id

給圖片加上alt標簽

盡量使用英文命名原則

盡量不縮寫,除非一看就明白的單詞

二、相對網頁外層重要部分CSS樣式命名:

外套 wrap ----------------用于最外層

頭部 header --------------用于頭部

主要內容 main ------------用于主體內容(中部)

左側 main-left ------------左側布局

右側 main-right -----------右側布局

導航條 nav -----------------網頁菜單導航條

內容 content ---------------用于網頁中部主體

底部 footer -----------------用于底部

DIV+CSS命名小結:

無論是使用“.”(小寫句號)選擇符號開頭命名,還是使用“#”(井號)選擇符號開頭命名都無所謂,但我們最好遵循。

主要的、重要的、特殊的、最外層的盒子用“#”(井號)選擇符號開頭命名,其它都用“.”(小寫句號)選擇符號開頭命名,同時考慮命名的CSS選擇器在HTML中重復使用調用。

通常我們最常用主要命名有:

wrap(外套、最外層)、header(頁眉、頭部)、nav(導航條)、menu(菜單)、title(欄目標題、一般配合h1\h2\h3\h4標簽使用)

、content (內容區)、footer(頁腳、底部)、logo(標志、可以配合h1標簽使用)、banner(廣告條,一般在頂部)、copyRight(版權)。