1、 css選擇器第一個元素,css包含元素?
css元素分為三種:塊級元素、行內元素和行內塊元素
1、 塊級元素
設置display:block就是將元素顯示為塊級元素
常用的塊狀元素有:
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
特點:
獨占一行
高度,行高、外邊距以及內邊距都可以控制
寬度默認是容器的100%
以容納內聯元素和其他塊元素
2、 行內元素
塊級元素也可以通過代碼display:inline將元素設置為行內元素
常用的行內元素有:
<a>、<span>、
、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
特點:
多個元素在同一行
高、寬無效,但水平方向的padding和margin可以設置,垂直方向的無效
默認寬度就是它本身內容的寬度
行內元素只能容納文本或則其他行內元素。(a特殊)
可以通過設置display屬性變成其他元素
注意:
只有 文字才 能組成段落 因此 p 里面不能放塊級元素,同理還有這些標簽h1,h2,h3,h4,h5,h6,dt,他們都是文字類塊級標簽,里面不能放其他塊級元素。鏈接里面不能再放鏈接。
3、 行內塊狀元素
行內塊元素(display:inline-block)就是同時具備行內元素、塊狀元素的特點,代碼display:inline-block就是將元素設置為狀元素
2、 總是不知道哪個元素要多少像素?
不要用什么可視化工具,建議用文本類編輯工具,比如notepad++,直接寫代碼,比如:
然后在CSS文件里定義.wrapper的尺寸,顏色。.wrapper{width:300px;height:100px;background:red;} 尺寸、顏色不合適,可以借用瀏覽器的開發者工具,比如火狐開發者工具有尺子,瀏覽器上畫一下,就能知道你想要的尺寸;或者定位元素就能知道尺寸;顏色也一樣,火狐組件中有很多取色擴展,比如“ColorZilla”,點擊瀏覽器中任意位置,就能取到顏色代碼...3、 css復合選擇器有哪三種?
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、復合選擇器(交集選擇器)
作用:選擇更準確更精細的目標元素并為其設置屬性
語法:選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格,要緊挨在一起
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、后代元素選擇器
作用:選中指定元素的指定后代元素
語法:祖先元素 后代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態
:hover 移入時元素的狀態
:visited 已被訪問過后的元素的狀態
:active 被點擊時元素的狀態
10、 屬性選擇器
作用:根據元素中的屬性或屬性值來選取指定元素
語法:[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個元素后緊挨著的指定的兄弟元素
語法:前一個+后一個(作用在后一個)
~選擇器
作用:選中后邊所有的制定兄弟元素
語法:前一個~后邊所有
4、 CSS父元素的子元素樣式控制另一子元素怎么實現?
你說講的這應該是同級兄弟元素之間的CSS控制。話說有一種選擇器就叫兄弟元素選擇器,分為臨近兄弟和普通兄弟。臨近兄弟:用 + 表示,只匹配該元素后邊的第一個同級元素。普通兄弟:用 ~ 表示,匹配該元素后邊的所有同級元素。給個例子:
sdf
sdfsdf當把p的class設為on的時候,span的樣式也跟著改變。不知道這么說清楚沒有。另外這種方式IE6是不支持的。慎用吧。