6.选择器进阶与表单标签

6.选择器进阶与表单标签

1.选择器进阶

ul,li{}:并集选择器，一次选择多个 元素
ul li：空格，这里表示ul后代所有的li标签。
ul>li:大于号是指ul的子代标签li。
伪类选择器：在特定情况下，给标签添加样式。
	hover：当鼠标经过时，触发样式
	active：当鼠标点击时，触发样式
	visited：当访问过此网站。
	link:当味访问的网站时
伪元素选择器：伪元素就是 创建一个假的元素，，不能被选中，不存在网页底层文档中，只能看，不能用，所以性能好
例如：选择器：：before{contend：‘内容’}-->在元素前加一个子元素content里面的内容
			元素：：after{content:'内容'}-->在元素后加子元素
		作用：如果你希望网页的部分内容不被选用，可以用伪元素选择器。
结构选择器：当有多个元素时，选中指定的元素
	选择器:nth-child(下标){}：选中指定下标的元素数据，默认是从1开始
	选择器：first-child{}：选中第一个子元素
	选择器：last-child{}：选中最后一个子元素。

2.表单(form)

form的属性：
	action=数据提交的位置（数据提交到后天/数据库）
	method=数据提交方式（get/post）默认是get请求
form的功能控件（工具箱）：
	input：输入框
	textarea：多行输入框
		共有属性:placeholder--提醒输入内容。
	select：下拉菜单：
		option:下拉菜单选项
    button：按钮，一般是结合js来操作的。
input的类型：
	input:text-->文本框
	input:password-->密码框
	input:checkbox-->多选框
	input:radio-->单选框
	input:submit-->提交按钮
	input:file-->文件上传
	input:reset-->重置功能按钮

3.reset.css

• 在正常开发中，不会用*因为性能比较差，没有相关样式的标签，也会被覆盖。

  ​ *{

  ​ font-size:16px }
  所以一般团队开发/项目开发中，会先写好一份统一的网页样式文件，叫reset.css 先重设网页，在进行开发