游客,你好!登陆/注册 触版 彩版 简版
社区>社讯>程序编程
*[火]诺哈建站价格一览表

回复:35 浏览:165819

css级联样式表入门实例教程
分享: 新浪 腾讯 空间 手腾
NuoHa
[楼主]:NuoHa
[在线]:2017-05-29 15:50:16
[职务]:系统号码社讯股东麒麟顾问麒麟城管情义财神
[勋章]:
[关注]:家园.空间.帖子.相册
发表时间:2013-05-04 16:07:01 我有话说(35人参与)
全文(共2页)
实例1:
<style>td{font-size:9pt;line-height:150%}</style>
这句表示网页的字体大小为9磅字,行距150%,td是“单元格”元素,这句也就是对单元格内的字体起作用。这里的<style>后面的td,表示选择符,网页内所有的td元素都会起作用。这些选择符可以是所有的html标记,例如p、table、hr等等,只有少数的br除外。

实例2:
<style>a{color:FF0000}input{font-size:9pt}</style>
表示超链接都为红色,单行文本框的字体是9磅。

2.css作用很大的一方面就是可以用来大量减少网页代码,从而为网页减肥,原理就是在网页中自定义样式表的选择符,然后在网页中大量引用这些选择符。目前大部分网站都是使用class来引用的。

css中,class和id的作用是完全一样的,“class”单词比“id”多3个字母。id的使用方法,在网页<style>和</style>之间定义选择符名,选择符名前加#,这些选择符名可以是字母或数字、或组合,然后在网页的元素中使用id=**来引用它。

实例3:
<style>#8{color:000080}#p2{margin-left:20}#14{font-size:14pt}</style>
然后在网页使用这句引用它:<a id=8>黑蓝色</a>,<a id=14>14磅的字</a>。<p id=p2>段落……

也就是说,<a id=8>黑蓝色的字</a>等价于<a style=color:000080>黑蓝色的字</a>;<a id=14>14磅的字</a>等价于<a style=font-size:14pt>14磅的字</a>,以此类推。这里的介绍可能有点不太好理解,你可以多实践。

注意:在一定条件下,使用id来引用可能不起作用或报错、或与javascript的id发生冲突,这种情况下,你可以使用class来引用。class的使用方法与id一样,所不同的是:在网页的<style>和</style>之间定义选择符名,名前加.(即点)。例如<style>.a1{color:FF0000}</style>,然后用class=a1引用它。

3.样式表语法。样式表的项和它的值应该用冒号连接,例如color:FF00000。样式表也可直接嵌在段落当中,而不用class或id引用,例如<a style=font-size:12pt>12磅字</a>。也就是使用<* style=*:*>的语法。

4.小技巧。可根据需要灵活掌握,同一个选择符名可以多次给它定义,也可以多个选择符名定义同一句。例如
<style>#a1{color:FF0000}#a1{font-size:9pt}</style>
它等效于 #a1{color:FF0000;font-size:9pt}
多个选择符名定义同一句的方法是,各选择符名之间加逗号,例如 <style>#a1,#b1{color:FF0000}#b1{font-size:9pt}</style>
这句等效于 #a1{color:FF0000} #b1
{color:FF0000;font-size:9pt}
可能这里不太好理解,你只要自己稍微实践一下就可以灵活自己定义了。

5.样式表手册。下面列举最常用的样式表语句:
1)color (颜色,例如FF0000代表红色,000000代表黑色……)
2)font-size
下页.余下全文 (第1/2页/2538字)
回贴列表(35)
35楼 发表时间:2016-06-27 01:07:47
已删除.
34楼 发表时间:2015-08-29 10:03:44
干嘛用得
33楼 发表时间:2015-06-29 00:37:51
已删除.
回复该贴

社区>社讯>程序编程
广播心港湾 5201110.com