CSS笔记
三种导入样式的方式:
导入外部样式表 例:
注意:rel=“stylesheet” type="text/css"在导入时必须加上(固定代码)
导入内部样式
导入行内样式:在标签中加入style属性,在属性值中加入样式,如果有多个样式共同存在,则用;当做分隔符,代表着一个样式的结束.
例:
行内样式
三种导入方式的优先级:
行内样式 > 内部样式 > 外部样式
CSS注释: //单行注释 /**/多行注释
span标签:能让某几个文字或者某个词语凸显出来,官方承认的行内元素.
学习CSS只需要学习两个模块:选择器,样式
选择器:目的是通过该方式抓取某个标签,对其设置样式
标签选择器:利用标签名称抓取标签.
类选择器:利用类名抓取标签
首先在标签中设置class属性,为其起一个类名称,其次在css中用.类名的方式抓取,相同类名可以设置多个标签.
id选择器:利用id名抓取标签
首先在在标签中设置id属性,为其起一个id名称,其次在css中用#id名的方式抓取,相同id名只能在页面中出现一次.
全局选择器:用*符号抓取,能够抓取所有标签.
层次选择器
空格:后代选择器
>:子选择器,别称儿子选择器
+:相邻兄弟选择器,别称相邻弟弟选择器
~:通用兄弟选择器,别称所有弟弟选择器
结构伪类选择器
first-of-type:抓取下标为第一个的标签
last-of-type:抓取下标为最后一个的标签
nth-of-type(下标):抓取指定下标的标签
特殊值:odd奇数even偶数
属性选择器
标签[属性名]:抓取含有指定属性名的标签
标签[属性名='属性值'] : 抓取含有指定属性名等于属性值的标签
标签[属性名^='属性值'] : 抓取含有指定属性名开头等于属性值的标签
标签[属性名$='属性值'] : 抓取含有指定属性名结尾等于属性值的标签
标签[属性名*='属性值'] : 抓取含有指定属性名中包含指定属性值的标签
样式:对其标签设置CSS样式,也是我们学习的重点