CSS简介(span标签,CSS优先级,调整正文和标题颜色,样式)与及我的感悟

CSS:将网页的样式和内容进行分离。分离之后通过class、ID、Html选择器标签连接起来。
将网页中样式抽出来,改的时候改CSS就可以了。
CSS特点:实现网页内容与样式的分离

1,span标签

这只是一个容器,装html和文字。默认网页白底黑字

2,当在网页上想让标题跟正文颜色不一样时,可用以下修改样式的方法获得值,避免一个一个改颜色
如下样式:

其中.title等,对应于前面的class。称为类选择器
之前的在这里插入图片描述,没加.Title时,如下:

样式:

3,CSS选择器优先级:即当在body里面时,就为body设置的颜色;当在class类里面就是类选择器;但是当在ID里面时,就为ID选择器优先,设置的颜色也将会覆盖 其他的。

4,CSS选择器,span父子关系
如下:
样式:

空格就代表父子关系
页面:

5,CSS选择器:class类选择器可以多个,空格隔开就可,其优先级跟页面上的顺序无关跟样式上的顺序有关。 但是ID是唯一的,就不能有多个。
如下

6,我的感悟:
网页上一定要引用样式,直接拖到下面就行,不然样式里面的东西事项不了。

发布了67 篇原创文章 · 获赞 72 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_42957931/article/details/103785656