css样式相关知识小结

可以放置样式的地方:样式表,<style>style

样式表是一个独立的文件,可以通过<link>元素或者css@import语句把它附加到某个html文档中,<style>是一个html元素,可以把它内嵌在html文档中,style是一个属性,可以内置在任何html元素中。

要想把样式表连到html文档中,要在html文档中的<head>区域使用<link>元素,并把样式表的url赋给<link>元素的href属性

 

语法细节:

1.       应当使用unicode utf-8来给css文件编码

2.       css代码应当小写:当引用xhtml中的元素名字,类,属性和ID时,选择符是区分大小写的,css的属性和值是不区分大小写的。

3.       元素名,类和ID 只能由字母,数字和下划线,连字符和161个或更多Unicode字符构成,元素,类和ID的第一个字符不能是数字或连字符,类名和ID不能含有标点符号(除了下划线和连字符)

4.       可以通过多个类名用空格分开来为元素赋予多个名字

5.       常量值不用引号

6.       反斜杠(/)可以在某些不能直接显示字符的地方吧他们镶嵌进去。如 /26B会在字符串或标识符中镶嵌“&

7.       字符串可以包括小括号,逗号,空格,单引号,双引号,不过他们都用反斜杠进行转义

8.       分号用于终止css规则和@import语句

9.       规则集是指在大括号中包含了多条规则,如{color:red; font:size:small;}

10.   右大括号立即终止一组属性,除非他是镶嵌在字符串中,如”}”

11.   注释格式: /*”开始,“*/”结束

12.   空白:空格(/20),制表位(/09),换行(/0A,回车(/0D),换页(/0C)

 

经验:

1.       把样式放在样式表中,会减少html文档中的非内容成分,并且把所有的样式放在独立的文件便于管理

2.       用一个单词为样式表命名,并且全部小写(名字简洁容易记忆,并且可以容易运行在不同操作系统)

3.       使用一个能描述样式表使用目的和作用域的名字来命名

4.       使用样式表的不同位置来控制它的作用域,如果一个样式表是修饰整个网站的,则放在网站根目录下,如果样式表仅仅作用于某一篇文档,则应该把它放在与这篇文章同一个目录下。

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值