CSS小知识点

background-attachment

默认是可以滚动的，还可以设置为fixed

---

背景半透明

background:rgba(0,0,0,0.3);

---

盒子圆角

例如：border-radius:50%;

---

盒子阴影

例如：

---

浮动

目的：是为了让多个块级元素在一行中显示
元素的浮动是指设置浮动属性的元素脱离标准流的控制，移动到其父元素中指定位置的过程。
 
  在CSS中，通过float属性来定义浮动，其基本语法格式如下：
选择器{float:属性值;}
属性值：left，right，none
 
注意：

• 浮动可以让元素转换为行内块元素
• 如果以及给行内元素添加了浮动，此时不需要转换这个元素也可以设置宽高了

---

overflow

有四个参数

visible(默认)不剪切内容也不增加滚动条
auto此为body对象和textarea的默认值。在需要时剪切内容并增加滚动条
hidden不显示超过对象尺寸的内容
scroll总是显示滚动条

---

cursor

cursor：default 小白 | pointer 小手 | move 移动 | text 文本 |

---

outline

是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
outline:outline-color || outline-style || outline-width
但是我们都不关心可以设置多少，我们平时都是去掉的
最直接的写法是：outline:0;或者outline:none;

resize

右下角不可以拖拽
resize:none;

---

datalist

datalist标签定义选项列表。请与input元素配合使用该元素

<input type="text" value="请输入明星" list="star" />
	<datalist id="star">
		<option value="刘德华">刘德华</option>
		<option value="刘若英">刘若英</option>
		<option value="刘晓庆">刘晓庆</option>
		<option value="戚薇">戚薇</option>
		<option value="戚继光">戚继光</option>
	</datalist>

插入音频和视频的方式

直接上图片

---

结构伪类选择器和属性选择器

结构伪类选择器

属性选择器

---

伪元素

1. E::first-letter文本的第一个单词
2. E::first-line文本第一行
3. E::selection可改变选中文本的样式
   例如：