CSS
css,也就是层叠(级联)式样式表 ,用来美化html网页的,使得页面更加生动。
CSS三种引用样式
- 元素内嵌样式:
<标签元素 style="样式一;样式二;...;">这是文本</标签元素>
如:<p style="color:red; font-size:50px;">这是文本</p> <!--使标签中的字体变红色并且字体大小变为50px-->
- 文档内嵌样式:
<style>样式表</style> <!--在<head>元素之间创建<style>元素,通过选择器的方式调用指定的元素-->
如:使标签中的字体变红色并且字体大小变为50px
<head>
<style type="text/css">p{
color:red;
font-size:50px;
}</style>
</head><body>
<p>这是文本</p>
</body>
- 外部引用样式:
<!--很多时候,大量的HTML页面使用同一个组css,那么就可以将这些css样式保存到在一个单独的.css文件中然后通过<link>元素去引入它即可,这也是需要到选择器的方式调用指定的元素,放在<head>元素之间-->
<link rel="styleshcet" type="text/css" href="css文件名.css">
如:有一个color的css文件内容如下
p{
color:red;
font-size:50px;
}
那么引用<link rel="styleshcet" type="text/css" href="color.css">,会使所有p标签的字体变红色并且字体大小变为50px
选择器
- 类选择器:在标签中写上cl