01表单标签和input

02-下拉菜单和多行输入框

03-css基础

1.什么是css
css是web标准中的表现标准，专门负责网页中内容的布局和样式
目前使用的是css3
css代码又叫样式表

2.css语法（怎么写）
基本结构：
选择器{属性名1：属性值1；属性名2：属性值2....}

b.说明
选择器{} - 通过选择器决定样式是针对哪个标签写的（在内联样式表中没有这个结构）
属性 - 属性名不是随便写的,必须是css提供的两百多个属性中的一个；属性名和属性值之间用冒号隔开，
多个属性之间用分号隔开（没有分号后面所有属性无效）

3.css代码写在哪儿
a.内联样式表
将样式表作为html标签的style属性值
只对一个标签有效

b.内部样式表
将样式表作为style标签的内容

c.外部样式表
将样式表写在一个css文件中，再通过link导入
可以针对所有html标签

优先级：内联的最高，另两个谁后写谁优先级高

常用属性：
color-字体颜色
font-size - 字体大小
background-color - 背景颜色
width - 宽度
height-高度

css中颜色：a.直接写英语单词 b.rgb的十六进制值
c.rgb(r,g,b),rgba(r,g,b,a)-a代表透明度alpha：0-1（0完全透明1完全不透明）

数字：如果数字表示大小，必须加单位：px（像素） em（空格）

04选择器

选择器{属性名1：属性值1；属性名2：属性值2...}

css提供的选择器的写法大概十多种
1.标签选择器：直接将标签名作为选择器，选中所有指定标签
例如;a{}-选中所有a标签
2.id选择器：将标签的id属性值前面加#作为选择器，选中所有指定id的标签
例如：#text{} - 选中id属性值是text的所有标签

3.class选择器（类型选择器）：将标签的class属性值前面加.作为选择器，选中...
例如：.text{}-选中class属性值是text的所有标签
4.群组选择器：将多个选择器用逗号隔开作为一个选择器，同时选中每个单独的选择器中的所有标签
5.后代选择器：多个选择器之间用空格隔开，作为一个选择器，从前往后一层一层的找，找到最后一个选择器对应的标签
例如：div .text #text{} - 选中div中class属性名为text标签中id值是text的标签
就是标签中找子标签
6.通配符：将*作为选择器，选中所有标签

05-伪类选择器

伪类选择器
是用来选中标签中不同的状态（为不同状态设置不同样式）
1.基本格式
普通选择器：伪类选择器
2.伪类选择器
link - 标签的初始状态（一般作用域a标签，表示a标签中的链接没有成功访问过对应的状态）
标签：link{}-标签是通过各种选择器来选中的标签
visited - 超链接被访问过的状态
hover - 鼠标悬停在标签上的时候对应的状态
active - 鼠标按住不放

3.爱恨原则：当同一个标签需要同时给多个状态添加样式的时候，
要遵守爱恨原则，不然可能失效
LoVeHAte

day2-表单和css基础

01表单标签和input

02-下拉菜单和多行输入框

03-css基础

wonwu

04选择器

05-伪类选择器

你可能感兴趣的:(day2-表单和css基础)