css样式表语法
Css样式表基本语法
3种引入方式:
Html中的注释:<!--><-->或/* */
内嵌式:在开发中,将标签放入head里面
<style type=”text/css”>
P{ color:red;}// p选择器必须写在style标签内
a{ font_size:50px”; font-family:隶书;}//这里的a选择器在超链接中实现效果
Html式:
<style type="text/css">@import url("css.css");></style>
3种选择器
Html选择器:网页中所有标签都将实现效果,
P{color:red;font-size:30px;font-family:隶书;}
类选择器:定义一个类“.”表示,建一个名字如fire
P a{//这里的意思是在所有p标签的所有超链接颜色都设置为“red”
Color:red;
}
附件:css样式文档,请查收!
P{//需注意的是,若是保存在同一文件夹,则不需要直接指出路径
Color:blue
}
保存为css格式;
从外部引入到样式分为两种:(注意写在head标签里面)
Link样式表式:
<link rel=”stylesheet” type=”text/css” href=”my.css”(href表示路径)>
在文本框中引入:<input type=”text” class=”fire”>
ID选择器:让网页和文字变化颜色和样式,不能重复
<style>
#p1{
color:#FF0000;
}
</style>
引入到p标签:Байду номын сангаасp id=”p1”></p>
【选】包含选择器:将所有包含在P标签的a标签实现改变;
语法:[包含的类][要实现的标签]{[选择器]}
</style>
在超链接中引入:<a href=””>点我</a>
需要注意的是用该引入方式所有P标签的风格都将改变。
行内(嵌入)式:在标签内部写入样式:
直接在p标签引入:<p style="color:red;font-size:500px;font-family:隶书"></p>
外部式:通过引入外部样式改变html样式风格
.<style type="text/css">//注意:必须写在style标签里面
.fire{
color:red;
font-family:华文彩云;
font-size:50px;
}
</style>
在p标签内引入:<p class=”fire”><p>
在超链接内引入:<a class=”fire” href=””></a>