禹神的css笔记
禹神是一个非常优秀的前端工程师,他在CSS方面也有非常深入的研究。以下是他的一些CSS笔记:
1. 盒模型:
- 标准盒模型:width = 内容宽度(content width) + padding + border
- IE盒模型:width = 内容宽度(content width) + padding + border + margin
2. 盒子定位:
- position: static; 默认值,按照正常文档流布局html横向滚动条样式
- position: relative; 相对定位,相对于元素原本的位置进行定位
- position: absolute; 绝对定位,相对于最近的已定位父元素进行定位,如果没有已定位父元素,则相对于body进行定位
- position: fixed; 固定定位,相对于浏览器窗口进行定位,不随滚动条滚动
- z-index属性用于指定元素的叠放顺序
3. 盒子显示与隐藏:
- display: none; 隐藏元素, 不占据空间
- visibility: hidden; 隐藏元素,但仍然占据空间
- opacity属性可以调整元素的透明度
4. 布局:
- float属性可以使元素浮动左或浮动右,可以实现多栏布局
- clear属性用于设置元素的边不能与之前浮动过的元素相邻
5. 文本样式:
- text-align属性用于调整文本的对齐方式
- text-decoration属性用于给文本添加下划线、删除线等效果
- word-wrap属性可以使长单词或URL在超过容器宽度时自动换行
6. 颜和背景:
- color属性设置文本颜
- background-color属性设置背景颜
- background-image属性可以添加背景图片
7. 字体和字号:
- font-family属性设置字体类型
- font-size属性设置字体大小
- line-height属性设置行高
以上只是禹神CSS笔记的一小部分内容,他在CSS方面的知识非常丰富,可以参考他的博客或视频教程获取更多的学习资料。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论