CSS(Cascading StyleSheets的缩写),翻译为“层叠样式表”或者“级联样式表”,简称样式表
Cascading StyleSheets 的首字母缩写,意思是层叠样式表。有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁
用来给HTML网页来设置外观或者样式:HTML网页中的文字的大小、颜色、字体,网页的背景颜色、背景图片
CSS的3种书写方式:
1、行内式(内联式):
将CSS代码书写在HTML标签的style__属性中;style是一个通用属性,每一个标签里面都拥有这个属性!
<div style="width:100px; height:100px;background:red ">......</div>
2、嵌入式:
- 将CSS代码嵌入到HTML文件中,嵌入式是通过HTML中的_style标签_将CSS代码嵌入到HTML网页中!
<style type="text/css">
div{ width:100px; height:100px; background:red }
......</style>`
3、外链式:
外链式是指单独写一个以.css为扩展名的文件,然后在head标签中使用link标签,将这个css文件链接到html文件中
注意:css文件不能单独的运行,它必须要依赖于HTML文件!
书写方式 | 写法 | 特点 |
行内式 | <p style=“color:red”>一段文字</p> | 样式过多,会造成代码重复度高 |
嵌入式 | <head> <style> p{color:red} </style> </head> | 多网页,同样的代码设置重复 |
外链式 | <head> <link href=“./css/test.css” > </head> | HTML和CSS结构分离,便于查找和管理 |