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

 

 

posted @ 2012-05-25 00:21 dukey's 阅读(...) 评论(...) 编辑 收藏