<style type="text/css">
h1{
font-family:黑体
}
</style>
直接些标签名进行定义属性,这个也比较常见。但是它的定义通常放在<style>标签中声明。
2、类class链接样式
定义也通常在<style>标签中声明
<style type="text/css">
.style1{
color:red
font-size:16px
}
</style>
引用时候直接在标签的属性中使用class="style1" 记住是class属性
<h1></h1>
3、id链接样式
<style type="text/css">
#style1{
color:blue
font-size:16px
}
</style>
引用的时候就用标签属性中的id属性 ,要区别于类属性
<h1 id="style1"></h1>
区别:类class链接样式和id链接样式
类连接样式可以适用于多个对象设置同样的属性中,
而id链接样式只能用于一个对象标签中,其他标签则会失效
4、html选择器:
直接用标签进行声明,跟上面的第一个一样
2)派生选择器:
<style type="text/css">
h1 h2{
color:red
font-size:1em
font-family:黑体
}
</style>
h1 h2的写法意思是代表着该css样式只能之<h1><h2> </h2></h1>同时出现,且是嵌套使用的时候才能生效
3)id选择器
id选择器的作用是通过id选择器将css样式作用到页面的对象上。写法:
<style type="text/css">
#text p{
font-size:1em
}
</style>
将该样式绑定到html上,就要这样写
<h1 id=#"text">这个是不要p的写法
要p的写法
表明该对象只能作用在text对象上的所有p标签中
4)class选择器
<style type="text/css">
.fancy{
color:red
background:#666
}
</style>
使用的时候也是
<h1></h1>
也可以像上面的一样用派生选择器
<style type="text/css">
.fancy td{
color:red
background:#666
}
</style>
说明生效只能在td中
5)分组选择器
h1{color:bule}
#text{color:bule}
.play{color:bule}
这种写法太繁琐了
我们可以使用
h1,#text,.paly{
color:bule}
这样来定义
6)伪类和伪类选择器
用关键字:lang来定义
<html>
<head>
<style type="text/css">
q:lang(smile){
quotes:"∞"
}
</style>
</head>
<body>
好吧,展示一下
<p>请看<q>祝你愉快</q></p>
</body>
</html>
CSS用的是类C#语言的标准。书写方法自由灵活,没有一定的局限。但是常期以来为了阅读和维护等方面的经验,一般都是这样的格式:
标名 {
属性:属性值
属性:属性值;
}
当然这样大家都能理解,你自己也好维护,没有什么特殊的要求的!
为了便于阅读有人建议,CSS分为以下方面的控制:
先写位置等:
如:position:absolute
top,left,width,height等,
空一行,再写布局方面的,如:margin,padding等;
空一行,写字体格式:如line-height等
再空一行,写字体相关!如:font-size,font-color等;
最后是其他的属性!
但一般情况下,我们还是没有必要写那么多的属性值对的!所以就很少有人去空行做这些东西了!
但是一般内容较少时,可以直接写在一行,并不影响阅读的!
纠正一点的是:CSS文件进行调用时并不像一楼所说!不换行可以减少代码的大小!这是毫无根据的臆断!因其会自动解释换行和空白的!代码的大小是因为我们写了一些没有必要的东西所形成的时空代价,比如在body中已经有font-size:9pt而在BODY中的一个DIV中,如果要设置字体为9pt时没有必要再定义font-size:9pt了,如果再定义就是出现代码时的增大。还有一些默认也没有必要写出。
如果真如一楼所说,我想问一下一楼:你知道吗,在CSS中是可以加注释的,请问注释会不会增加代码量?答案是不会!因为其不运行!
sorry,对不起楼上,我说的是运行方面的,没有说下载方面的事。恕我直言,如果有一个人一个不足0。2K的CSS而写了N个GB的注释的话,那他一定有病了!注释不是发文章,一个CSS文件最多能有多少注释?不过我经常遇到写好的CSS进行压缩加密的情况,为了防止别人偷看,至于说能有多少,一个回车只是一个字符,占8bits,一个byte,请问一下,连写与其能有多大分别?再者请问一下为什么还要分开写呢?这是代码的维护时很难读懂的情况下还要讲时间代价吗?
程序的时空代价是指:运行时间与编写时间的相比,存储空间与运行空间的对比。
对于离散型网页来说,下载页面的同时还在下载CSS文件,而且CSS会放在机器的临时文件夹中,这样,整个网站也用不了下载几个CSS,且下次打开网页不须再下CSS。这样你认为呢?