首页
IT
登录
6mi
u
盘
搜
搜 索
IT
CSS外部样式示例
CSS外部样式示例
xiaoxiao
2021-04-17
48
<!DOCTYPE
html
>
<
html
lang=
"en"
>
<
head
>
<
meta
charset=
"UTF-8"
>
<
link
rel=
"stylesheet"
href=
"../css/01.css"
/>
<
title
></
title
>
</
head
>
<
body
>
<!--3
:外部样式 推荐写法 样式可以复用,做到了样式和文件分离
--><!--new stylesheet
:
01.css-->
<
p
>
电脑
<
span
id=
"price"
>
1
</
span
>
元起
</
p
>
</
body
>
</
html
>
其中,link的01.css中包含
#price
{
color
:
red
;
font-size
:
50
px
; }例如:
<!DOCTYPE
html
>
<
html
lang=
"en"
>
<
head
>
<
meta
charset=
"UTF-8"
>
<
style
type=
"text/css"
>
/*type
可写可不写,为了优化
*/
#price
{
color
:
red
;
font-size
:
50
px
; }
</
style
>
<
title
>
css
样式表
</
title
>
</
head
>
<
body
>
</
body
>
</
html
>
转载请注明原文地址: https://ju.6miu.com/read-673503.html
技术
最新回复
(
0
)