Day3——css
CSS层叠样式表
引用方式
1.行内样式:直接写在标签内
<table align="center" border="1px " bordercolor="pink" width="500px" height="400px" >
2.内部样式:文件内部<head>
中的style中
3.外部样式:创css文件,<link>
标签引入
4.导入外部样式:创css文件,<import>
标签引入(不怎么用)
选择器
- 标签(元素)选择器
- 类选择器(class定义 )
- id选择器(id是唯一的)
- 派生选择器
- 伪类,伪元素,*,选择器等
背景
- 背景颜色(background-color)
- 背景图片(background-image)opacity透明度
- 背景平铺方式(background-rapeat:x/y/no-rapeat)
- 背景定位(background-position:center/top/botton/left/right/ x% y%)
文本
text-align:文本对齐
text-decoration:文本的方式
none:无
underline:下划线
overline:上划线
line-throough:贯穿线
字体
font-size字体大小
font-family字体
font-weight:加粗 (100——900,bold)
font-style:normal,italic倾斜,obligne倾斜
伪类链接
a:link 未被访问
a:visited 已被访问
a:hover 悬停
a:active 用户激活
a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}
表格的CSS
除了之前介绍的东西还有一下的style:
表格隔行换色
nth-child(odd):单行换色
nth-child(even):偶数行
vertical-align:文本垂直对齐(top/middle/bottom)