HTML5的相关属性和CSS高级选择器

216 阅读1分钟

 opacity:1【透明色,值越小,越透明】 

background-color:rgba(0,0,0,透明度)【值越小,越透明,最大值是1】

 如果想占满全部屏幕必须先设置html和body的宽高

 height-calc(100% - 50px) 左右属性中间必须要有间隔【计算属性】

 header (头部)【页面或页面中某一个区块的页眉,通常是一些引导和导航的信息】

 nav(导航)【作为页面导航的链接组】 

section(页面中的内容区块)

 aside(侧边栏)

 article(正文)

 footer(底部)

 placeholder【是输入框的提示信息】 语法<input type=“search” name=“sousuo” placeholder=“请输入搜索的关键字” 适合于input的标签有:text、search、url、email和password等类型。

 required【必须输入的文本框,规定文本框填写不能为空,否则不允许用户提交表单】

 语法 input类型---range 

进度条<input type=“range” name=“rangename” max=“80” min=“20”step=“10”value=“30”> 

 

 属性 值 说明 max number 规定允许的最大值 min number 规定允许的最小值

 step number 规定合法的数字间隔 

value number 规定的默认值 

 优先级算法【】 优先级就近原则,同权重情况下样式定义最近为准,载入样式以最后载入的定位为准 

!important>id>class>tag【!important 比内联优先级高,但内联比id高】

 css3高级选择器 

p:firsit-of-type【其父元素的首个p元素的每一个p元素】

 p:last-of-type【其父元素的最后p元素的每个p元素】

 p:only-of-type【其父元素唯一的p元素的每一个p元素】

 p:first-child【其父元素第一个子元素的每一个p元素】

 p:last-child【其父元素的最后一个子元素的每一个p元素】 

p:nth-child(n)【其父元素的第n个子元素的每一个p元素】

 p:before【在每个p元素的内容之前插入内容】 

p:after【在每个p元素的内容之后插入内容】