都客仿站系列教程三: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略有差异。