表单及css部分知识

概述form表单： input是表单的核心标签，通过修改input标签中的type属性来改变展现的样式（input、button是一个行内块标签） type中的属性有： text：文本框；password：密码框；radio：单选；checkbox：复选 <select  ><option>1</option><option value="2">2</option></select>下拉框 组必须含有

form表单：
input是表单的核心标签，通过修改input标签中的type属性来改变展现的样式（input、button是一个行内块标签）
type中的属性有：

text：文本框；password：密码框；radio：单选；checkBox：复选

<select  ><option>1</option><option value="2">2</option></select>下拉框

组必须含有相同的name属性值
input中的值有一个属性，value属性
checked 默认选中，当属性名等于属性值的时候，只需要写属性名即可

CSS：

CSS的使用方式：
1.行内样式（内联样式）
<标签 ></标签>
2.页面嵌入（内部样式表）
在head标签里面增加一个子标签
<style>
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}
</style>
3.外部文件（外部样式表）
在head标签里面增加一个子标签
<link rel="stylesheet" href="CSS文件的路径" />
4.外部导入样式
主要用在样式初始化。因为有一些标签有自己的样式，我们需要清空，方便自己计算

css------选择器：
ID选择器
使用ID选择器：在元素上面增加一个ID属性,ID属性的属性值不用用数字开头
一个页面中只能有一个ID属性值
CSS中ID选择的表示方法用 # 表示
class选择器
使用class选择器：在元素上增加一个class属性，class属性的属性值不能用数字开头
一个页面中可以有多个class属性值
CSS中class选择器的表示方法用 . 表示
标签选择器
直接写标签名
组合选择器
选择器直接用,分隔开即可
子代选择器
> 只针对子代
后代选择器
用空格表示，包含着子代选择器
通用选择器
* 针对于所有的标签

 

选择器是有权重的
内联样式 1000
ID 100
class 10
元素 1
通用 0
boss !important 只要出现，就以这个为主

权重越高，冲突部分的样式就以权重高的为主，并不是说这个选择器没有用了，而是里面冲突的样式
权重仅仅只能作为参考

权重的计算：
不需要管子代和后代的
如果权重相同，就近原则。以后定义的为准

:hover 叫伪类选择器
当你的鼠标放上去的时候，会变化成的样子
权值 10

有序列表和无序列表:

ol>li*n(有序)  ul>li*n(无序) <!--实际开发中有序列表基本不用--> <!--这三个都是块级标签-->

总结

以上是内存溢出为你收集整理的表单及css部分知识全部内容，希望文章能够帮你解决表单及css部分知识所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。