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是必须输入的文本框