CSS中知

1CSS特性

1.3优先级

CSS中知

1.4权重叠加计算

CSS中知

2Chrome调试工具

2.1查错流程

CSS中知

3CSS盒子模型

CSS中知

3.1内容的宽度和高度

CSS中知

3.2边框(border)-连写形式

CSS中知

solid—实线 dashed—虚线 dotted—点线

3.3边框(border)-单方向设置

CSS中知

3.4边框(border)-单个属性

CSS中知

3.5新浪导航案例

CSS中知

从外到内:先宽高背景色,放内容,调节内容的位置,控制文字细节

3.6盒子模型:自动内减

CSS中知

3.7清除默认内外边框

CSS中知

CSS中知

3.8外边距折叠现象 – note1:合并现象

3.9外边距折叠现象 – note2:塌陷现象

行内元素内外边框问题:margin和padding只可改变水平方向距离,不能改变垂直方向距离

若想改变垂直方向的距离要用line-height

4CSS结构伪类选择器

5CSS伪元素

6CSS浮动

1.前期:图文环绕

2.后期:网页布局(块级元素在一行排列)

6.1浮动的特点

7CSS书写顺序(浏览器执行效率更高)

1.浮动/display

2.盒子模型:margin border padding 宽度高度背景色

3.文字样式

Original: https://www.cnblogs.com/liu88/p/17056297.html
Author: liu88
Title: CSS中知

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/335788/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

最近整理资源【免费获取】:   👉 程序员最新必读书单  | 👏 互联网各方向面试题下载 | ✌️计算机核心资源汇总