CSS样式的书写格式
-
CSS提供了各种各样,丰富多彩的CSS样式,书写格式如下
color : red 冒号:左边是样式名,右侧是样式值
CSS提供了三种样式方法
-
内联样式(inline style)
将样式直接写在元素的style属性上
-
文档样式表(document style sheet)
将样式写在head元素的style元素中, style元素的type属性默认为text/css
-
外部样式表(external style sheet)
- 将样式写在单独的CSS文件中,然后在当前网页的head元素中用link元素引用
<link rel="stylesheet" href="css/page2.css"> <link rel="stylesheet">元素的type属性值默认是text/css- 在CSS文件中使用@charset指定文件编码,一般都是UTF-8
- 可以在style元素或者CSS文件中使用@import导入其他的CSS文件
- 不建议使用@import导入css文件,它的效率比link元素低
-
三种样式的区别
- 文档样式表,外部样式表比内联样式多了个”表”字
- 内联样式只针对某个特定的元素
- 文档样式表,外部样式表可以在针对一堆元素
CSS注释
CSS的注释和HTML的注释是不一样的,CSS的注释为 :
/* 注释内容*/ (不能嵌套)
HTML的注释为 :
<!-- HTML注释内容 -->
注意 : 不要在CSS中编写HTML注释
设置网页图标
- link元素除了可以用来引入CSS文件,还可以设置网页的图标(href的值是图标链接)
<link rel="icon" type="image/x-iocn" href="图标url地址">
- link元素的rel属性不能省略，用来指定文档与链接资源的关系
- 一般rel若确定，相应的type也会默认确定，所以可以省略type
- 网页图标支持的图片格式是ico、png，常用大小是16x16、24x24、32x32（单位：像素）