css 布局入门

属性继承:可以与不可以的元素有哪些: https://www.cnblogs.com/thislbq/p/5882105.html
可以继承的 1文本相关属性 2列表相关属性3color属性
任何一条与css继承值冲突的属性值都会覆盖继承的属性值


盒子模型:position四种属性值
display的三种属性值
overflow 属性规定当内容溢出元素框时发生的事情。
ie 盒子模型(ie 盒子模型的 content 部分包含了 border 和 pading)和标准 w3c 盒子模型
常见浏览器兼容问题 https://blog.csdn.net/meimeizhuzhuhua/article/details/70751468

浮动 :float属性控制 http://www.w3school.com.cn/css/css_positioning_floating.asp 其中水平菜单两个float很特别

让包围元素在视觉上包围浮动元素 clear属性 .clear { clear: both;}

属性选择器:1.直接是元素名
2. 元素+属性名(可以是多个属性名)
3.元素+【属性名=属性值】(也可以是多个)
4.元素+【属性名~=属性值】只要包含属性名即可如bai css 有bai 即可 与*=x一样
5.元素+【属性名^='开头几个或多个字母'】类似 |= 以此开头或者加上-开头
6.元素+【属性名$='末尾几个或多个字母'】
权重:https://www.w3cplus.com/css/css-specificity-things-you-should-know.html
1.行内样式 直接在html元素后面书写的 1000
2.id选择器 100
3.类/伪类/属性选择器 10
4.元素/伪元素 1

::after
::before
::first-letter
::first-line
::selecton

原文地址:https://www.cnblogs.com/xiaobai1/p/8869051.html