第二天css总结

复合选择器

后代选择器

div span { 选择div里面所有的span}

子元素选择器

div > span {选择div里面的下一级span标签}

并集选择器

h1,p,li{为多个标签同时声明相同的样式}

交集选择器

p.one{选择既是p标签，又调用one类名的}

/* 伪类选择器 鼠标经过时触发*/

 a {
​
      color: #ccc;
​
    }
​
    a:hover {
​
      color: turquoise;
​
    }

文本框，文本域 获取光标时触发

input:focus{}

显示模式

1. 块元素：1.独占一行2.可以设置宽高内外边距3.默认的宽度是跟父元素一样宽4.可以放任何元素

2. 注意点：文本类型标签里面不要放块元素。h p

   3.行内元素：1.一行放多个2.不能设置宽高（左右内外边距可以，上下不行）3.内容多少决定宽高4.里面放文本或其他文本标签

   4.注意点：a里面不能放a a里面可以放任何元素

3. 行内块：1.一行放多个，2.可以设置宽高内外边距 3.内容决定宽高。4.多个行内块元素间会有空白间隙

/* 显示模式的转换 */

    div {
​
      display: block;
​
      display: inline-block;
​
    }

行高等于盒子高度： 让单行文本垂直居中

行高可以撑开块元素和行内块元素的高度。但是不能撑开行内元素的高度

背景

div {

background-color: #ccc;

background-image: url();

background-repeat: no-repeat;

background-position:right center ;

background-position: 50px 100px;

background-position: 50px center;

background-attachment: fixed;

/* background: 背景色 背景图片 是否平铺 是否滚动 背景位置; */

background: rgba(0, 0, 0, .4);

}