前端基础----CSS基础概要(一)
CSS称为层叠样式表,用来对网页进行样式处理。今天为大家整理了一些css的一些基础知识,有哪些不对的,请大家多多指正
1.分类 CSS主要分为三种形式
① 行内 语法<标签名字 style=“样式”>
②内部 语法<style type="text/css">选择的元素 {样式;...}</style>
③外部 语法<link type="text/css" rel="stylesheet" href="css文件的路径"/>
2.选择器
①基本选择器
· id选择器 #id名{样式}
· 类选择器 .class名{样式}
·标签选择器 标签名{样式}
②层次选择器
·后代选择器 A B 选择A内部所有的B
.子选择器 A>B 选择A里面的一层的B
.相邻选择器 A+B 选择A同辈相邻的B元素
·同辈选择器 A~B 选择A的所有同辈的B元素
③结构伪类选择器
·A:first-child 选取父元素的第一个子元素
·A:last-child 选取父元素的最后一个子元素
·A:nth-child(n) 选取父元素的第n个子元素
④属性选择器
·A[attribute] 选取属性带有attribute的A元素
·A[attribute=value] 选取属性的值为value的A元素
·A[attribute^=value] 选取属性以value开头的A元素
·A[attribute$=value] 选取属性以value结尾的A元素
·A[attribute$*=value] 选取属性包含value结尾的A元素
相关推荐
background-color: blue;background-color: yellow;<input type="button" value="变蓝" @click="changeColorT