网站制作相关笔记

一,标签的简单解释

background-size: 100% 100%; /*图片充满整个div

font-size: 23px; /*font字体+其他

padding-top: 55px; /*padding盒子+top之类盒子的高度

list-style: none; 清除样式

display: flex; 弹性布局*

text-align: center; 文本居中

text-decoration:none;去a下划线

 button 按钮 value 显示按钮里面的字

二,块属性： div, p, ul, ol ,li,h1-h6等
   特点：1.可以设置宽高
       2.不可以与比尔共处一行
       3.不可以设置宽度的情况下，宽度为100%
行内属性： span，a
   特点：1.不可以设置宽高
       2可以与别人共处一行
        3.其宽高由内容撑开
行内块属性：img，input
   特点：1.可以设置宽高
        2.可以与别人共处一行
三,选择器

ID 选择器， 如 #id{}

      类选择器， 如 .class{}

      属性选择器， 如 a[href="segmentfault.com"]{}

      伪类选择器， 如 :hover{}

      伪元素选择器， 如 ::before{}

      标签选择器， 如 span{}

      通配选择器， 如 *{}

css优先级：
1.后来者居上，越往后越说了算
2. ID 选择器 > class选择器 > 标签选择器
3.!important优先级是最高的，不到最迫不得已不要用。
选择器：