CSS__基础选择器和属性

CSS基础选择器和属性

​ 选择器定义格式:

​ 展开格式、小写字母、属性值前面 :后面保留空格 选择器和大括号保留空格,

​ 类 id 命名要有意义

一.基础选择器

​ 1.标签 2.类 3.id 4.通配符*

​ 1.类选择器:多类名 开发类最多

​ 通过 .类名 {}定义,如下:

.app {
        color: pink;
     }

​ 多类名必须用空格隔开,标签分别具有这些类名的样式

​ 2.id选择器口诀 样式 #定义 结构id调用，只能调用一次，切勿多次使用

#app {
            属性名:属性值
        }

​ 3.通配符选择器*:表示选择所有标签

通常:用于将全局的内外边距清零
*{
	padding:0
	margin:0
}

二.复合选择器

​ 有:1.后代选择器 2.子选择器 3.并集选择器 3.伪类选择器

​ 1.后代选择器:元素1 元素2 元素1是父亲 元素2是孩子（包含孙子），用空格表示

当一个box盒子下有一个box1时，不管隔了多少层，都可以通过后代进行选择
	box box1 {}进行选择

​ 2.子选择器:只选择儿子元素,用大于符号表示

当一个box盒子下有一个box1时，所有儿子元素
	box>box1 {}进行选择

​ 3.并集选择器:用，进行分隔

元素1，元素2 {}

​ 4.伪类选择器:

​ 链接伪类: link未被访问的链接;visited已经被访问的连接;hover鼠标指针在上面的连接;active选择活动的连接

在需要运用的标签上进行设置，如:
a:link {}

​ 注意事项: 先写link visited hover active LVHA的顺序进行声明

​ :focus 获取焦点的表单元素 选取出来

三.文本属性

/* 字体属性 */
        /* font-family  定义文本的字体系列 */
        /* font-size 文字大小 默认浏览器16px */
        /* 字体粗细 font-weight 查询CSS手册 */
        /* 实际开发字体粗细用数字 fz=700粗 fz=400细*/
        /* font-style文本风格 normal */
        /* 复合属性 font:font-style font-weight font-size/line-height font-family*/
        /* 复合属性必须有 font-size 和font-family */

四.文本属性

/* 文本属性 */
        /* 文本颜色color 16进制 英文 rgb */
        /* 对齐文本 text-align 水平对齐方式 right left center*/
        /* text-decoration 默认none underline overline上划线 line-through删除线*/
        /* text-indent文本缩进 第一行缩进 20px 2em(em为当前文字大小) */
        /* line-height行间距 包含上间距和下间距和文本 */

五.css引入方式

/* 引入方式 */
        /* 三种样式表 行内样式表(行内式) 内部样式表(嵌入式) 外部样式表(链接式)*/
        /* 内部样式表 在当前html中 */
        /* 行内样式表(行内式)简单样式 */
        /* 外部样式表(链接式)比较多 css文件 iink引入 rel表示用的什么样式表 href引入的文件 */