12.07

77 阅读1分钟

a[href=”www.baidu.com”]{background-color:red}  选取href属性为www.baidu.com 的a元素 如果属性存在...等特殊符号,需要加“ ”

a[href^=www]{background-color:red}表示href的属性值以www开头 的a元素。

a[href$=”.com”]{background-color:red}表示href的属性值以com结尾 的a元素。

a[href*=baidu]{ ackground-color:red}表示href的属性值含有baidu的a元素。

Ul .a+li是选择class为.a的元素同级下一下li元素

Ul .a~li是选择class为.a的元素同级的所有li元素

Boeder-radius:5px可设置圆角。 Outline:none可取消外边框的黑线

浮动

Float:left向左浮动。脱离了标准流布局,会给父盒子造成塌陷。必须在其父元素加上overflow:hidden 

也可以给父盒子内添加一个div style:clear:both清除两边的塌陷

也可以给父盒子内添加一个height,但是如果div足够多仍然会塌陷

.a:hover{content:’’;

Display:block;

Clear:both;}这是第四种解决父盒子塌陷的方法 11.25

Position:relative 相对于自身的位置进行偏移

Position:aboslute  因为子元素是aboslute父元素也是aboslute,子元素会以父元素为基准,但父元素使用绝对定位会脱离文档流。所以要使用relative和aboslute相结合的方式

Relative相对定位

Aboslute绝对定位

Fixed固定定位(与文档流无关,不占据空间)

z-index 可以提升层级Relative, Aboslute, Fixed