CSS简单代码

1. 第一节 CSS的代码组成

    组成:属性名和属性值,属性名和属性值之间用" : "连接,每句CSS代码以分号(;)结尾.如下:

div{    backgroundcolor : red;    font-size : 20px;  <!--字体大小设置的是高,宽度自适应 -->}

2. 第二节 常用属性

2.1 backgroundcolor: 背景颜色

2.2 color: 字体颜色

 (1)土鳖式：red，yellow，blue (2)颜色代码：#ffffff（若每两位重复可用一位代表如：#ff4400->#f40）. (3)rgb( , , ,),十进制 (4)rgba( , , , 0-1):透明:transparent;

2.3 font-weight:字体粗细

(1)bold:粗（常用）(2)bolder:更粗(3)lighter:更细(4) 默认:normal但是也可用数字代表:100,200...900.

2.4 font-family：字体（一般支持外文的字体），常用arial.

2.5 font-style：italic（斜体）.

2.6 border:复合属性.

(1)border-width:边框粗细(2)border-style:solid(实线)/dotted(点状虚线)/dashed(条状虚线):边框样式.(3)border-color:边框颜色.

2.7 text-decoration：

 (1)text-decoration:line-through;<!--作用等同于< del> 标签--> (2)text-decoration:underline;<!--作用等同于< a>标签--> (3)text-decoration:overline;上划线.

2.8 cursor:pointer;当光标移入变小手

2.9自定义标签

    在很多时候,我们可以自定义标签,或者改变标签原有的属性.例如:

em{    font-style : normal;    }<!--em标签不再是斜体-->

ps : 浏览器内部选择元素的顺序是自后向前的.