一:CSS是什么
css 是 Cascading style Sheets的简称 中文译作“层叠样式表单” 我们习惯称为“层叠样式表"
使用css 我们应该要注意什么:
1.当有多个网页要用到的CSS,采用外连CSS文件的方式,这样网页的代码大大减少,修改起来非常方便;只在单个网页 中使用的CSS,采用文档头部方式;只有在一个网页一、两个地方才用到的CSS,采用行内插入方式。
2.三种用法可以混用,且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因,浏览器在显示网页时是这样处 理的:先检查有没有行内插入式CSS,有就执行了,针对本句的其它CSS就不去管它了;其次检查头部方式的CSS,有就执行 了;在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出,三种CSS的执行优先级是:行内插入式、头部方式、外连文件方式。
css的语法:
<style type="text/css">
/*写入css样式*/
</style>
使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等
那么我们来写一个实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ font-size: 20px; color: red; font-weight: bold; } </style> </head> <body> 中华民族伟大复兴 </body> </html>
如上案例,我给body 定义了一个样式,这样正文中所有的内容都会拥有这个样式
css参考手册,大家可以百度上下载一个,如下图所示:
下一节