h5学习笔记--day2

无序列表
使用ul标签表示无序列表，列表中的列表项使用li标签进行定义 并且ul中只能出现li标签

有序列表
如上使用ol嵌套li标签表示

自定义列表
使用dl定义描述列表，dt为定义项目和名字，dd为描述每个项目

<dl>
<dt></dt>
<dd></dd>
</dl>

表单

表单域
表单域是一个包含单元素的区域 使用form标签用于定义表单域，以实现用户收集和传递
用来提交给服务器

<form   action="url地址" method="提交方式  GET/POST"  name="表单域名称">  各种表单元素控件
</form>

表单控件

1. input标签用于收集用户信息

<input type="属性值"     />

根据不同的type属性输入的字段拥有很多形式，如文本字段，复选框，掩码后的文本控件，单选按钮，按钮等


注意：
checked =‘checked’

label
label用于定义标注，可以绑定一个表单元素，当点击标签内的文本元素时，浏览器会自动将光标转到或选择对应的表单元素上，用来增加用户体验

<label for="sex">男</label>
<input type="radio"  name='sex' id='sex' />

for与id属性值相同才能对应

select 下拉表单元素
使用select生成下拉菜单

<selcect>
<option>选项</option>
<option  selcted='selected'>默认选项</option>
</select>

textarea文本域元素
用于定义多行文本输入的控件
如 留言板

<textarea cols='每行字符数' rows="显示行数" ></textarea>

css层叠样式表

一般写在head内
语法规范
1.选择器
示例

<style>
/*  给谁修改样式   {改什么样式}*/
p{
color :red ;
}
</style>

代码风格

1. 书写格式
   1.紧凑型
   p{color : red ;}
   2.展开式
   p{
   color : red ;
   }
   属性值关键字尽量小写 选择器和大括号前保留空格 冒号后有空格

选择器的作用
用来选择标签的
选择器分类

1. 基础选择器
   标签选择器 使用标签名作为选择器
   类选择器 可以使用单独的一个或者某几个
   语法
   .类名 {}
   而类名用class=""定义 类名不能是关键字和纯数字和中文 多类名使用时类名用空格分开

2.id选择器
#id名{} 声明
调用时使用 id =id名 调用
但只能调用一次

3.通配符选择器

• 选取所以元素
  *{}

字体

{font-family :'微软雅黑';} 

字体大小

{font-size=  px;}

字体宽度
font-weight : ;
字体形式
font-style: italic;
倾斜
文字颜色
color :;
混合使用
形式
{font: font-style -------}

对齐文本
如：
{text-align :center ,left,right;}

装饰文本
{text-decoration :;}

文本缩进

text-indent : em ; em 相对于当前文字的1个文字的大小

行间距
行高
line-height: ;