都客仿站系列教程三:CSS入门

声明：原创作品，未经许可，禁止转载。都客仿站官方网站：http://www.mou18.com  仿站学习QQ群：110673332 

所谓css，就是样式表，控制网页显示的样式和布局。比如字体颜色，网页背景啊。网页的色彩啊，有了css，才有了丰富多彩的网页。

本文将实际常用的做个简单介绍，让你快速上手。

我们先来说说选择符。

一、选择符。有几种方式：通配符，类型，#id，属性

*  通配符，网页中所有的标签。

比如：*{font-size:12px;} ，表示整个网页设置字体大小为：12像素。

类型选择符

div,input{font-size:12px;}，表示网页中所有div和input元素设置字体大小为12px。 

属性选择符

input[type=text] 表示所有带属性为text 的input元素。

如:

 

< style  type ="text/css" >
input[type=text] { margin: 2px;}   
</ style >
< input  type ="text"  value =""   />
说明，input标签设置了外边距为2px。 

 

 

类选择符

. 以“."开头。表示一个类。

示列：

 

< style  type ="text/css" >
.class1{ font-size: 12px;}  
</ style > 
< div  class ="class1" >这个包含了class1这个类的样式 </ div > 

 

属性字体文本 

全局

body，html，input，div，span，ul，li，a

 

类标签

.class1

属性标签

div[@attr]

 

标签可以递进

div span{}表示div元素中的span。

css对各个浏览器的兼容性。

因为浏览器的不同，css略有差异。