在html中CSS有三种链接方式,你知道是哪三种吗?三种css文本的链接方式分别是内联定义、链入内部css、和链入外部css,下面我们一起看看吧。
css文本的链接方式有三种:分别是内联定义、链入内部css、和链入外部css
1.代码为:
1
|
<p style= "border:2px solid #000000" >内联定义</p> <p style= "color:red" >内联定义</p> <p style= "font-size:12px" >内联定义</p> |
2.代码为:
1
|
<p id= "myid" >链入内部css</p> <p class = "myclass" >链入内部css</p> |
3.代码为:
1
|
<p id= "p1" >链入外部css</p> <p id= "p2" >链入外部css</p> <p class = "p3" >链入外部css</p> |
代码3的style.css是和你的html文件在同一个文件夹。
其代码为:
1
|
#p1{ border:2px; color:red;} #p2{ border:2px; color:blue;} .p3{ border:2px; color:red;} |
在css中
id前面是要加一个#
class前面要加一个.
补充:
1
|
<p>lalala</p> |