CSS相关知识

CSS的引入:
方法一:
在这里插入图片描述
方法二:在< head>< /head>中写入style;作用于html中的div。
在这里插入图片描述方法三:外部CSS文件,这也是最实用的一种方法
在html文件中
在这里插入图片描述
在css文件中:
在这里插入图片描述
效果图:
在这里插入图片描述
要在CSS中对html中的部分进行装饰,首先要找出来。
选择器:
(1)id选择器 关系:一对一
在html中
在这里插入图片描述
在css中
在这里插入图片描述
(2)class选择器 关系多对多
在html中
在这里插入图片描述
在这里插入图片描述
在CSS中用.加你写的那个名字引用就可以了。
在这里插入图片描述
(3)标签选择器
本身是div标签里面的
在这里插入图片描述
在CSS中直接div{};引用就可以了。
(4)通配符选择器 *代表任意的,及作用于整个文档的效果。
在这里插入图片描述
这几个的优先级问题
在这里插入图片描述
在这里插入图片描述

发布了24 篇原创文章 · 获赞 0 · 访问量 1230

猜你喜欢

转载自blog.csdn.net/PiShubing/article/details/104297190