恶龙军团优等生3,股票买卖手续费,紫公主vs三大酷少
<head> <meta charset="utf-8"> <title>index</title> <style> h1{ color: red; } </style> </head>
<head> <meta charset="utf-8"> <title>index</title> <link rel="stylesheet" href="test.css"> </head> <body> <h1>微信公众号:全栈学习笔记</h1> </body>
css文件里面的代码(test.css)
h1{ color: red; }
<h1 style="color:red">
这里推荐使用第二种方式,尽量不使用其他两种方式,第二种方式可以是html文件与css文件分离,代码可阅读性以及维护性更强
所谓内联style就是上述的第三种方式,这种方式的css样式级别是最高的。什么是优先级?比如说我在一个标签里面,style设置了一个color属性,然后给这个标签加上一个class,就是外联上一个css文件。这个css文件里面写上这个class的css样式,也是一个color属性,这时,又给这个标签加上了一个id,然后我在css里面给对应的id加上一个color样式,然后再为这个标签本身写上一个color属性,到最后你会发现最后显示的color是style里面的color,如果你删除了style,那么显示的就是对应id的color颜色,依次类推,这就是所谓的css优先级。
和很多语言一样,css也能注释代码,格式如下
/* 注释 */
以上是最常用的单位,还有一些css3新增的长度单位如:vw、vh、vmin、vmax,rem与em
用法 如:color:red
css里面的选择器比较多,这里暂时只介绍部分选择器,后面会出一期选择器详解,点个关注不迷路哦,微信公众号:全栈学习笔记,正在完善中。很期待你的关注哦!
选择器的大概分类
这里简单介绍一下常用的选择器:
1.html选择器
*{ color:red;/*设置页面全部的字体样式属性*/ }
2.类选择器
.classname{ /*设置某个class=classname的全部标签的样式属性*/ color:red; }
3.id选择器
#id{ /*设置某个id=id的标签的样式属性*/ color:red; }
4.关联选择器
关联选择器是什么呢?定义:选择器中的选择器
<div class="div"> <h1>这是全栈学习笔记的关联选择器</h1> </div>
css代码
.div h1{ color: red; }
这样实现的效果就是:在class为div的下面的h1标签的color属性为red
5.组合选择器
div,h1{ color: red; }
注意与上面代码的区分,这段代码实现的功能就是,全部的class为div的标签以及h1标签,将他们的color属性设置为:red。一般来说,color属性是对文本的颜色进行设置。才疏学浅!
这一期的css教程就到这里,下一期将对css的各种常见属性以及属性的值进行讲解!希望点个关注哦!微信公众号:全栈学习笔记
div的标签以及h1标签,将他们的color属性设置为:red。一般来说,color属性是对文本的颜色进行设置。才疏学浅!
这一期的css教程就到这里,下一期将对css的各种常见属性以及属性的值进行讲解!希望点个关注哦!微信公众号:全栈学习笔记
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
css3 flex布局 justify-content:space-between 最后一行左对齐
网友评论