CSS学习(4)常见样式声明

1.文本

color 文字颜色

预设值:定义好的单词,如red blue

    光学的三原色(红,绿,蓝),如 rgb(32,45,255)

    HEX十六进制,如#008CFF(#112233可以简写为#123)

text-align 对齐方式

值:center居中  right居右  justify每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)。

text-decoration 文本修饰

值:none 无,主要用来去掉链接下划线   overline 这种效果   line-through 这种效果   underline 这种效果

text-transform 文本转换

值:uppercase 大写字母   lowercase 小写字母   capitalize 首字母大写

text-indent 文本首行缩进

2.背景

   background-color 元素背景颜色

   background-image 背景图像  body {background-image:url('paper.gif');}

   background-repeat 水平或垂直平铺  background-repeat:repeat-x;

   background-position 设置定位 background-position:right top;

   background-attachment 设置背景图像是否固定(不随滚轮上下滑动)background-attachment:fixed;

   简写:

   body {background:#ffffff url('img_tree.png') no-repeat right top;}

3.字体(必须用户电脑中有安装设置的字体才有效)

(打印出来的用serif好看一些)

font-family:宋体,Georgia,serif;   可以设置多个字体以防止用户浏览器不识别

font-size 文字尺寸

px:像素,绝对单位

em:相对单位,相对于父元素的大小,如2em就是2倍于父元素字体大小,如果父元素没有字体大小则以浏览器基准字号为准。

font-weight 文字粗细程度

值:bold 加粗 相当于700,也可以自定义数字大小

font-style 字体样式

值:normal 正常的   italic 斜体

简写:font:italic bold 12px/30px Georgia,serif;

4.link 链接样式

a:link {color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */
原文地址:https://www.cnblogs.com/1016391912pm/p/11538319.html