表单
表单是用来收集用户信息的
(1)表单框
<form name="表单名称" method="post//get" action="路径" ></form>
(2) 表单控件
<input type=""/>
语法:
<input type="" name="" value="" size="" maxlength="" />
input 标签可以创建按钮,文本输入框,选择框等各种类型的输入字段
name 属性标识表单域的名称
type 属性标识表单控件的类型,大概有十几种
value 属性定义表单域的默认值,其他属性根据type的不同而有所变化
maxlength 控制最多输入的字符数
size 控制框的宽度(以字符为单位)
type类型
文本框 <input type="text" value="默认值"/>
密码框 <input type="password" />
提交按钮 <input type="submit" value="按钮内容" />
重置按钮 <input type="reset" value="按钮内容" />
空按钮 <input type="button" value="按钮内容" />
单选按钮组
<input type=“radio” name=“ral” />男
<input type=“radio” name=“ral” checked=“checked”/>(默认选中)女
复选框组
<input type="checkbox" name="" /> <input type="checkbox" name="" disabled="disabled" />
*disabled="disabled" (禁用) * checked="checked" (默认选中)
css
层叠样式表 优化网页
每个CSS样式分为两部分:选择符和声明,声明又分为属性和属性值
属性必须放在花括号中,属性与属性值用冒号连接。每条声明用分号结束。
当一个属性有多个属性值的时候,属性值与属性值不分先后顺序。
在书写样式过程中,空格、换行等操作不影响属性显示。
(1)行内样式
语法:<标签 style=“属性:属性值;属性:属性值;”></标签>
例如:<div style="width:100px;"></div>
(2)内部样式
语法:
<style type="text/css">
css语句
</style>
注:使用style标记创建样式时,最好将该标记写在<head></head>
(3)外部样式
语法: <link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称" />
说明:使用link元素导入外部样式表时,需将该元素写在文 档头部,即<head>与</head>之间。
rel:用于定义文档关联,表示关联样式表; type:定义文档类型。
行内样式优先级最高,内部样式与外部样式越靠后优先级越高(就近原则)
css选择符
(1)标签选择器
语法:标签名{属性1:属性值1;属性2:属性值2;}
HTML的所有标签都可以作为选择器
(2)ID选择器
语法:#id名{属性1:属性值1;属性2:属性值2;}
1、当我们使用id选择符时,应该为每个元素定义一个id属性; 如:<div id="top"></div>
2、id选择符的语法格式是“#”加上自定义的id名; 如:#box{width:300px; height:300px;}
3、起名时要取英文名,不能用关键字:(所有的标记和属性都是关键字)
4、一个id名称只能对应文档中一个具体的元素对象,因为id只能定义页面中某一个唯一的元素 对象。
5、最大的用处:创建网页的外围结构
(3)class选择器
语法:.class名{属性:属性值;}
当我们使用类选择符时,应先为每个元素定义一个类名称,
类选择符的语法格式是:如:<div class="top"></div>
用法:class选择符更适合定义一类样式;
(4)群组选择器
语法:选择符1,选择符2,选择符3......{属性:属性值;}
说明:当有多个选择符应用相同的声明时,可以将选择符用“,”分隔的方式,合并为一组。
实例:.top, #nav, p{width:100px;}
(5)包含选择器
语法:选择符1(父) 选择符2(子){属性:属性值;}
说明:选择符1和选择符2用空格隔开,含义就是选择符1中包含的所有选择符2;
实例: div ul li{height:200px;}
(6)通配符
语法:*{属性:属性值;}
说明:通配选择符的写法是“*”,其含义就是所有元素。
用法:常用来重置样式。建议放在样式表最上方。