样式:
文本相关的样式:(可以被继承的)
color: 设置文字颜色
font-size: 设置字体的大小
font-family: 设置字体,宋体 必须是浏览器可以访问到的字体,
font-family:仿宋,楷书,隶书; 字体栈,第一个字体有的话就用第一个,没有就下一个
font-style: 设置字体是否倾斜
font-weight: 设置字体的粗细 400 = normal默认粗细 700 = bold 加粗 100-900
text-align: 文本水平对齐方式 center 居中 left 左对齐 right 右对齐
text-decoration: 对本进行修饰 line style color
text-decoration-line: none 取消样式 line-through 删除线 underline 下划线 overline 上划线
text-decoration-style: solid 实线 dashed 虚线 dotted 点状线 double 双实线 wavy 波浪线
text-decoration-color: 对线条颜色的设置
text-transform: 设置字体进行变形
none 不改变
capitalize 所有单词的首字母大写
uppercase 把所有文本转换为大写
lowercase 把所有文本转换成小写
full-width 等宽
text-shadow: 设置文本的阴影 h-shadow 水平阴影的位置 v-shadow 垂直阴影的位置 blur 模糊度 color 颜色
列表相关样式:ol ul
list-style:type image position
list-style-type: disc 实心小圆点 默认 circle 空心圆 decimal 会展示排序123 square 方块
list-style-image: url() 设置列表项标记的样式
list-style-position: 列表项出现的位置 inside 会把样式放置在元素中li outside 默认,样式在元素padding中
光标的样式:cursor
cursor: pointer 小手 move 移动
default 默认,箭头 auto 保持浏览器默认的样式 crosshair 十字架样式
help 帮助 wait 等待
溢出样式:overflow
1.hidden 溢出部分 隐藏
2.auto 自动出现滚动条 如果容器放得下内容 则不出现滚动条 如果放不下内容,则出现滚动条 overflow-x:none overflow-y:auto
3.scroll 强制出现滚动条
显示和隐藏:
1.opacity: 透明度 0-1 位置保留
2.display: none 隐藏,屏幕当中的位置不保留,元素是存在的
3.visibility: hidden 隐藏,屏幕当中的位置保留, 元素也是存在的
页面初始化:
*{
padding:0;
margin:0
}
a{
text-decoration:none
}
ul,ol {
list-style:none
}