前端开发语言-CSS3
2021-04-05 22:14:28 61 举报
AI智能生成
CSS,全称为“层叠样式表”(Cascading Style Sheets),是一种用于描述网页文档样式和布局的标记语言。它与HTML一起使用,为网页元素(如文本、图像、列表等)定义样式和布局。CSS的主要优点是可以将样式与内容分离,使得网页结构更加清晰,易于维护和修改。通过CSS,开发者可以轻松地控制页面元素的字体、颜色、大小、边距、背景等属性,实现丰富的视觉效果。此外,CSS还支持伪类和伪元素,可以针对不同的状态(如鼠标悬停、点击等)和位置(如首行、首列等)应用不同的样式。总之,CSS是现代网页设计和开发的重要工具,它使网页变得更加美观、易用和响应式。
作者其他创作
大纲/内容
初识及入门
CSS概念
CSS在网页中的应用
CSS的发展史
CSS的优势
CSS基本语法
style
3种引入的方式
行内样式
内部样式
外部样式
CSS选择器
基本选择器
标签3
id1
#
class2
.
高级选择器
层次选择器
> ~ +
结构伪类选择器
属性选择器
a[*通配 ^以什么开头 $以什么结尾]
美化网页
字体
color
font-size
排版网页
text-align
text-indent首行缩进em
line-hight
text-decoration
超链接伪类
:hover
列表样式
list-style
背景样式
背景颜色
背景图片
重复方式repeat
渐变背景https://www.grabient.com/
盒子模型
边框border
内边距padding
外边距margin
盒子模型尺寸计算:border+padding+margin+内容元素
box-size
圆角边框border-radius
阴影border-shadow
浮动
网页布局
标准文档流
display
block
inline
inline-block
浮动
左浮动
右浮动
清除浮动
clear
left
right
both
none
解决父级边框塌陷问题
父元素高度
div
overflow
:after
inline-block和float的区别
定位
relative
相对定位
absolute
绝对定位
fixed
固定定位
z-index
opcity透明度
收藏
收藏
0 条评论
下一页