CSS基础(2)
2021-06-29 03:05
阅读：333
脱离文档流
- 11
- 22
- 33
- 44
- qq
-
-
行内a
p标签
word-break:break all(控制英文单词不超出范围)
box-sizeing:border-box(改变成IE盒模型)
默认字体在不同电脑可能造成换行
定位
1.相对定位
positon:relative;
left:20px;
2.绝对定位:绝对定位的视角位于 浏览器的 （0，0） 点（或者是body的 （0，0） 点）
position:absolute
top:10px;
left:10px;
3.非静态定位（相对、绝对、固定）：为父级（或者是上上级）设置相对定位，为子级设置绝对定位。 元素会以包含它的（非静态定位）的 （0，0）点开始移动。
4.浮动和绝对定位脱离文档流，使行内元素变块级元素。
5.固定定位:
position:fixed;
left、right、top:10px;
6.静态定位：默认的属性
position:static
两个元素重叠时用定位。
BFC
BFC（Block Formatting Context） 块级格式上下文
1.是一个环境，一个隔离的独立容器，与布局相关，写了html标签他就已经是一个BFC，BFC形成后，里面内容和布局和外面互不干扰。
触发BFC的条件
- 给父级元素设置属性 overflow：hidden。
- 子集 margin-top 带下。
- 子集浮动导致父级高度的塌陷。
- 如果须要超出部分有滚动条则设置属性 overflow:scroll 或者 overflow-x：scroll为横向设置，overflow:scroll为纵向设置。
1.img之间有空隙，可给父级设置font-size：0；
2.为选择器添加：hover 并且添加文字变大的效果，最好给宽高定死。不然会影响下面的元素。
3.选择器 类选择器 [空格] 伪类选择器 [空格] 类选择器
蒙板
步骤：
主容器
背景图
· 蒙板
12312
蒙板
上一篇：kindle电子书的资源网站
下一篇：关于CSS的兼容问题
评论
亲，登录后才可以留言！