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

【九月打卡】第8天 CSS3介绍,为网页添加样式(二)

周帅帅Love
关注TA
已关注
手记 85
粉丝 5
获赞 95

课程名称:初识HTML(5)+CSS(3)-升级版

课程章节: CSS3介绍,为网页添加样式

主讲老师:五月的夏天

课程内容:

今天学习的内容包括:CSS样式代码插入的形式有哪些?css链接方式的优先级?

课程收获:

CSS 样式代码插入的形式来看基本可以分为内联式、嵌入式和外部式三种。内联式css样式表就是把css代码直接写在现有的HTML标签中。写法<p style="color:red">这里文字是红色。</p>。我们需要注意的是要写在元素的开始标签里。并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。
图片描述

嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。
图片描述

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内。我们需要的是css样式文件名称以有意义的英文字母命名,rel="stylesheet" type="text/css" 是固定写法不可修改。<link>标签位置一般写在<head>标签之内。
图片描述
图片描述

样式的优先级顺序是内联式 > 嵌入式 > 外部式,我们需要注意的是嵌入式>外部式有一个前提嵌入式css样式的位置一定在外部式的后面。这个优先级顺序有一个前提就是内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下。
图片描述

今天学习了CSS3介绍,为网页添加样式中7-5到7-8的4个小结,花费了38分钟,学习完这几节,我们可以更好的在代码中引入css样式,当我们代码少的时候可以直接写在行内式里面,代码多一些可以写在内嵌式里面,如果样式代码更多的话,我们可以使用外链式,这样我们可以将所有的样式写在一起进行维护,我们只需要注意每个样式代码用分号进行隔开。

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