css学习笔记:css选择器基础和选择器权重

CSS学习笔记1
一、CSS层叠样式表的引入方式:行内样式:直接写在标签内部如


内嵌样式:写在下面,上面
外链式 link:创建一个.css文件,再用link引入,如 当引入的是一个网页标签上的图标时,rel的属性值为shortcut icon,href属性值为相应的.ico文件(图标文件格式)或者图片文件格式(.jpg等)还能引入其他链接。
导入式import:需要创建的文件和link一样,但是不能创建网页标签图标,相应的格式改为:@import url(“./index.css”)(只能引入.css文件)link相比import有很多的优点,具体地址:https://www.aulence.com/#css-welcome
CSS选择器
对HTML页面中的元素实现一对一,一对多或者多对一的控制,从而实现布局调整,元素类型重定义,元素美化,文本、图像美化,完善交互,播放动画等一系列的功能。简单的来说就是控制那些想要控制的网页标签,然后给他们设置样式,比如颜色,边框,字体等。
css常用选择器
:基础选择器
后代选择器
子选择器
伪类选择器
群组选择器
同级(兄弟)选择器
属性选择器:[属性名=””]{样式}属性名选择:只要是该属性名就全选
[属性名=”属性值”]:在该属性名值下被选择
[属性名^=”a”]:在该属性名下的属性值以a开头的被选择
[属性名$=”a”]:在该属性名下的属性值以a结尾的被选择[属性名*=”a”]:在该属性名下的属性值含有a的被选择
[属性名~=”a”]:在该属性名下的属性值含有单词a(单词a的意思是:a的前后都有空格)的被选择
[属性名|=”a”]:1.在该属性名下的属性值等于a。2.以a开头并且以中杠线与其他隔开的属性值,如“a-1”。两种情况都被选择
。CSS选择器的权重
行内样式:1000
id选择器:100
Class选择器:1
标签选择器:0(大于默认样式和继承样式,继承样式<0)
!important着重符号,权重最大(一般情况不要使用)
本节很重要的是CSS选择器的权重,需要着重复习s

你可能感兴趣的:(基础学习)