像素
- 1px 一个像素点
- 1em 一个文字大小
颜色的表示方式
/*background-color: red; 直接设置*/
/*color: #F34566; 16进制*/
/*color: rgb(23, 56, 23); rgb 方式*/
/*半透明效果*/
/*background-color: rgba(0, 0, 0, 0.5);*/
opacity: 0.5;
filter:Alpha(opacity=50); /*兼容IE8以及更早的浏览器*/
font 属性
<style type="text/css">
* {
font-size: 20px; /*文字大小*/
/*字体的粗体样式
normal(400) 正常
bold(700) 加粗
bolder 加加粗*/
font-weight: bolder;
/*字体的斜体样式
normal 正常
italic 斜体
*/
font-style: italic;
/*字体设置
1.直接设置文字的中文名（宋体）
2.设置字体对应的英文方式（microsoft yahei）
3.设置字体对应的unicode编码 （%u5B8B%u4F53）
*/
/*注意：
1.font-family 一次可以设置多个字体，中间用逗号隔开
2.尽量设置常用的字体，保证页面的样式统一
*/
font-family: "宋体,microsoft yahei,\5B8B\4F53";
/*设置文字的行高*/
line-height: 30px;
/*font 属性联写
必须要写 font-size 和 font-family ，顺序不能改变
全部都写的情况如下
*/
font: 700 italic 20px/30px "microsoft yahei"
}
</style>
鼠标样式
cursor
pointer 小手
help 问号
move 四个箭头
default 默认
元素的模式分类
- 块级元素
- 独占一行
- 默认宽度与父元素的宽度一致
- 可以设置宽度和高度
- 行内元素
- 默认一行显示
- 不能设置宽度和高度
CSS特性
- 继承性
- 层叠性
- 优先级：
内联样式>ID选择器>类选择器>标签选择器
