css
2024-04-01 13:35:13 0 举报css简单总结
作者其他创作
大纲/内容
初始及入门
css概念
css在网页中的应用
css的发展史
css的优势
css基本语法
style
3种引入的方式
行内样式
内部样式 <style> </style>
外部样式 <link rel="stylesheet“href="css/style.css">
css的选择器
基本选择器
标签
id #
class .
高级选择器
层次选择器 > ~ +
后代选择器
子选择器
相邻兄弟选择器
通用选择器
结构伪类选择器
属性选择器 a{* ^ $}
= 绝对等于
*= 包含这个元素
^= 以这个开头
$= 以这个结尾
美化网页
字体
字体颜色：color
字体大小：font-size
字体类型：font-family
字体粗细：font-weight
网页排版
对齐方式：text-align:居中（center）， right， left；
首行缩进：text-indent： em;
行高：line-height： px;
装饰：text-decoration：下划线（underline），中划线 （line-through），上划线（overline）
超链接伪类
:hover
列表样式
list-style:去掉原点(none) 空心圆 (circle) 数字 (decimal) 正方形 (square)；
背景样式
背景颜色
背景图片
repeat
........
渐变背景
https://www.grabient.com
盒子模型
边框 border
内边距 padding
外边距 margin
盒子模型尺寸计算：boder+margin+padding+内容元素
box-size
圆角边框 border-radius
阴影：box-shadow
浮动
网页布局
标准文档流
display
block
inlin
inline-block
none
浮动 float
左浮动：left
右浮动：right
清除浮动：clear：both；
清除浮动
clear
left
right
both
none
解决父级边框塌陷问题
空 div
父元素高度
overflow
父级添加一个伪类：after
inline-block float
定位
relative 相对定位
absolute 绝对定位
fixed 固定定位
z-index
opcity 透明度
0 条评论
下一页
