继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

学习《HTML+CSS基础课程》的笔记---第七篇:CSS样式基本知识

bzz
关注TA
已关注
手记 18
粉丝 62
获赞 255

根据CSS代码插入的位置将CSS样式分为:内联式、嵌入式、外部式(外联式)。

1.内联式CSS样式表:把css代码直接写在现有的HTML标签中,必须写在元素的开始标签中,css样式代码写在style=" "的双引号中,若有多条css样式,用分号隔开。例如:<p style="color:red;font-size:12px">这里文字是红色。</p>

2.嵌入式CSS样式表:将css代码写在<head>标签中,语法为:

<style type="text/css">
标签{
属性1;
属性2;
}
</style>

3.外部式(外联式)CSS样式:将css代码写在一个独立的css文件中,这个文件以.css为后缀,在<head>标签中使用<link>标签将css文件链接到HTML文件,语法为:<link href="x.css" rel="stylesheet" type="text/css" />,仅x.css中的x能够改变,代表css文件名称,其余代码均为固定格式。

三种css样式的优先级遵循就近原则,在相同权值下,内联式 > 嵌入式 > 外部式。不过嵌入式的代码要写在外部式的后面。

打开App,阅读手记
2人推荐
发表评论
随时随地看视频慕课网APP