2分钟学习CSS语法结构
为单个标签定义:
br{
text-align: center;
color: #000000;
font-family:宋体;
}
为br标签指定了3个样式属性,包含对其方式、文字颜色及字体。
在网页中一个每个ID只能使用一次,如:
<div id="main"></div>
在CSS样式表中,ID选择符使用"#"符号进行表示,如果需要对ID为main的标签设置样式
表,可以使用如下的格式来书写样式表。
#main{
font-size: 14px;
line-heigth: 20px;
}
Class选择符:
Class 选择符与ID不同的是,Class允许重复使用,如页面中的多个元素都可以使用同
一个Class定义,例如:
<div class="font"></div>
<p class="font1"></div>
<h1 class="font1"></div>
Class的定义:
.font1{
margin: 10px;
background-color: #000000;
}
无论是什么标签,页面中所有使用了class="font1"的标签均使用此样式进行设置。
类型选择符:
所谓类型选择符,是指以网页这哦姑娘已有的标签类型作为名称的选择符,它控制页面中
对应的选择符,如body、div或span,例如:
body{}
div{}
span{}
群组选择符:
对一组对象的相同样式进行定义,如:
h1,h2,h3,p,span {
font-size: 12px;
font-family:宋体;
}
包含选择符:
对已有的某个对象中的子对象进行样式定义,如:
对ID明为main的对象中的li自对象进行样式定义
#main li{
line-height: 25px;
&n
相关文档:
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。
2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。
3 ......
国内的设计师大都喜欢用px,而国外的网站大都喜欢用em,那么两者有什么区别,又各自有什么优劣呢?
1、IE无法调整那些使用px作为单位的字体大小;
2、国外的大部分网站能够调整的原因在于其使用了em作为字体单位;
3、Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。
px像素(Pixel),相对长度 ......
ie6并不是不支持png,它支持索引颜色的PNG-8,而是不支持RGB颜色的PNG-24。
ie6里的PNG-24图片做背景主要有以下几个问题:
一、ie6里png背景透明问题:解决办法用滤镜。这个一般高手们都知道。
注意:src 这个路径是指加载滤镜的页面相对于图片的路径,而不是css文件相对于图片的路径。这跟一般的图片加载有区别。
fi ......
Class.xml
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="class.css"?>
<bookdetail>
<book class="A">
<author>曹雪芹</author>
<title>红楼梦</title>
<price>60.00</price>
</book>
<book class="A"& ......