今天与大家分享一下表单与css基础
一、表单
1、表单的作用：用来收集用户信息
2、表单框 ： <form name=“表单名称” method=“post/get” action=“路径"> </form>
3、表单控件： <input type="" />
4、说明：
Input：标记可以创建按钮、文本输入框、选择框等各种类型的输入字段。
name：属性标识表单域的名称；
type：属性标识表单控件的类型，大概有十几种；
Value：属性定义表单域的默认值，其他属性根据type的不同而有所变化。
maxlength：控制最多输入的字符数， Size：控制框的宽度（以字符为单位）
5、文本：text
密码：password
提交：submit
重置：reset
空按钮：button
单选框：radio
复选框：checkbox，*disabled="disabled" (禁用) * checked="checked" (默认选中)
二、css基础
1、CSS语法说明： 每个CSS样式由两部分组成，即选择符和声明，声明又分为属性和属性值； 1.属性必须放在花括号中，属性与属性值用冒号连接。每条声明用分号结束。 2.当一个属性有多个属性值的时候，属性值与属性值不分先后顺序。 3.在书写样式过程中，空格、换行等操作不影响属性显示。
2、样式表
（1）、内部样式表（嵌套到页面中）
语法
<style type="text/css">
css语句
</style>
注：使用style标记创建样式时，最好将该标记写在<head></head>;
（2）、行内样式
语法：<标签 style=“属性：属性值;属性:属性值;”></标签>
（3）、外部样式（常用）
方法一： 语法： <link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称" />
说明：使用link元素导入外部样式表时，需将该元素写在文 档头部，即<head>与</head>之间。
rel：用于定义文档关联，表示关联样式表；
type：定义文档类型；
方法二： 语法： <style type="text/css">
@import url("目标文件的路径及文件名全称"); </style>
3、样式表的优先级
行内>内部，外部
内部样式表与外部样式表的优先级和书写的顺序有关，后书写的优先级别高
4、选择器
（1）、id选择器：#id名{属性：属性值;}
（2）、class选择器：.class名{属性：属性值;}
（3）、群组选择器：选择符1，选择符2，选择符3......{属性：属性值;}
（4）、包含选择器：选择符1(父) 选择符2（子）{属性：属性值;}
（5）、通配符：*{属性：属性值；} //常用来重置样式
1253
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
