【九月打卡】第10天 CSS注释与内联式css样式

2022/9/15 3:17:14

本文主要是介绍【九月打卡】第10天 CSS注释与内联式css样式,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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

课程章节:7-4听我再解释解释 - CSS注释代码和7-5既然那么好,那就引入css吧 - 内联式css样式

主讲老师:五月的夏天

课程内容:

       本节内容: CSS中也有注释语句:用/*注释语句*/来标明(Html中使用<!--注释语句-->)。就像下面代码:

https://img3.sycdn.imooc.com/6321239800010a2105070169.jpg

CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。

内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:

<p style="color:red">这里文字是红色。</p>

注意要写在元素的开始标签里,下面这种写法是错误的:

<p>这里文字是红色。</p style="color:red">

并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码:

<p style="color:red;font-size:12px">这里文字是红色。</p>

课程收获:

学习了使用CSS注释方法注释代码以及第一种CSS样式的写法,接下来会学习两种CSS样式的写法。




这篇关于【九月打卡】第10天 CSS注释与内联式css样式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程