12.6

109 阅读2分钟

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;}这是第四种解决父盒子塌陷的方法 Calc计算属性,减号左右必须有空格

透明色   opacity:XX透明度值越小越透明

Background-color:grba( 0.0,0,0)最后一个表示透明度,值越小越透明,最大值是1

Header 页面或页面中某一个区块的页眉,通常是一些引导和导航的信息

Nav 可以做为页面导航的链接组

Section 页面中的一个内容区块,通常由内容及标题组成

Article 代表一个独立的、完整的相关内容块,可独立于页面其他内容使用

Aside 非正文的内容,与页面的主要内容是分开的,被删除而不会影响到网页的内容

Footer 页面或页面中某一个区块的脚注

Ul li:first-of-type{} 这是找到li同类型的第一个li元素

Ul li:first-child 这个需要是ul中的第一个孩子是li才可以生效

Ul: li:last-of-type  ul下的仅有一个p元素

Ul::before{} 两个冒号是双伪类,伪类不是真正的元素,不会占用元素的空间

 

(邮箱)

当中的email改成url就是网址,改成color就是颜色,searchs表示一个搜索框

其中value的意思是默认值是3.step是以最小值默认增加

input type=”range” placeholder=”请输入” readonly>    placeholder提示输入,readonly是必须输入的文本框