书写CSS样式有哪三种方式


本文摘自PHP中文网,作者V,侵删。

书写css样式的三种方式:

(推荐教程:CSS教程)

一、行内式

是通过标签的style属性来设置元素的样式,其基本语法格式如下:

1

<span style="color:#000;font-size:16px">HelloWord</span>

语法中style是标签的属性,实际上任何HTML标签都拥有style属性,用来设置行内式,其中属性值的书写规范与css样式规则相同,行内式对其所有的标签及嵌套在其中的子标签起作用。

二、内部样式表

内嵌式是将css代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下:

1

2

3

4

5

<head>

    <style>

        p {color: #000;font-size: 16px}

    </style>

</head>

语法中,style标签一般位于head标签之后,也可以把它放在HTML文档中的任何地方。

三、外链式

链入式是将所有的样式放在一个或多个以CSS为扩展名的外部样式表文件中,通过link标签将外部样式链接到HTML文档中,其基本语法格式如下:

1

<link href="Test.css" type="text/css" rel="stylesheet">

以上就是书写CSS样式有哪三种方式的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

分享div+css前端命名的规则

详谈div中的dispaly:inline样式 和span的区别

css中怎么设置行高

css怎么设置背景图片的透明度

css height:auto 不起作用怎么办

css class和id选择器的区别是什么

css hr是什么意思

css单元格不换行显示怎么实现

css怎样让两个div重叠

css target怎么用

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...