|
一， 列表标签： 1. 无序列表： Ul标签内包含li标签，各个列表之间没有顺序级别之分，<ul></ul>标签中只能包含<li></li>； 直接在<ul></ul>标签加入别的标签直接加入文字是不允许的；<li>相当于容器，里面可以存放所有元素；无序带有自己的样式属性，实际中会将默认的属性给清除掉 2. 有序列表： ol标签内包含li标签，各个列表之间有顺序级别之分，<ol></ol>标签中只能包含<li></li>； 直接在<ol></ol>标签加入别的标签直接加入文字是不允许的；<li>相当于容器，里面可以存放所有元素；无序带有自己的样式属性，实际中会将默认的属性给清除掉 3. 自定义列表： dl标签里面只有dt标签和dd标签 注意点： 1.dl里面一般只包含一个dt标签 ，一个dt包含多个dd 二，表单标签 1. 作用：用表单来收集用户信息。 2. 表单域：就是一个包含表单元素的区域，在html标签中用from标签来定义表单域，它可以将用户提交的信息提交给服务器。 3. form的属性名： 1. action 属性值：url地址（提交给服务器的地址） 2. method（get/post）； 用于设置表单数据的提交方式 3. name 属性值：表单名称 ；用于区分同一个页面的多个表单域 三，表单控件（写在表单域中）： 1. 概念： 2. input：输入表单元素 1.input表单元素的type属性 1. text：定义单行的输入字段，用户可以输入相应的文本 2. button：定义可点击的按钮 3. checkbox：定义复选框 4. radio：定义单选按钮 5. file:定义文件按钮上传 6. password：定义密码输入框 被掩码（加密） 7. reset：定义重置按钮 8. submit：提交按钮 2. input其他属性： 1. name：定义input元素的名称 属性值：用户定义文本 2. value：规定input元素的值 3. checked：规定首次加载应当被选中 4. maxlength：固定输入框中的最大字符 5.总结： 1. name 和 value 是个每个表单元素都有的属性，只要给后台人员使用，前后端进行联调的时候用 2. checked按钮主要针对单选和复选按钮，页面首次打开加载就被选中的 3. name给表单元素起名的，一般要求一组单选或者复选按钮name名字相同 4. maxlength一般在表单元素中不常使用 3.lable标签： 1. 概念：用于绑定一个表单元素，当点击这个元素 时，也具有被选中的效果 2. lable标签中for属性值要和当前的元素的id属性对应的值相同 4.select(下拉框)： 1.Select标签应该至少有一个option标签 2. option标签属性值 selected=“selected”默认选中 3.textarea(文本域)：用户输入内容较多的时候可以时用 Cols 代表列 rows来表行数 会在css里面进行统一调整
一， CSS的简介 1. HTML的局限性： 1. HTML可以做一写简单的样式，但是带来繁琐 2.css是什么: 1.css层叠样式表，是一种标记语言，可以实现结构和样式分离 二，CSS的语法规范 1. css的规则是由选择器和声明块来组成的 2. 比如：h1是选择器，color，font-size是属性red和30px分别是属性值 3. 注意点： 1. 选择器是用于指定css样式的html标签，{}内部是对该对象的具体样式 2. 多个属性用分号隔开 3. 属性和属性值之间用英文的冒号隔开 4. 属性和属性值之间是键值对的形式来书写的 三.CSS的基础选择器 1.标签选择器： 1.是指用HTML签名作为选择器，为页面中的某一类标签来指定样式。 2.能快速将页面中同一个类型的统一设置样式 3.但是不能设置差异化的样式，只能选择符合条件的所有同类标签 2.类选择器； 1.语法：使用·来定义，使用class进行调用 2.目的：为了差异化选择不同的标签，可以选择一个或者多个 3.·进行表示，后面紧跟类名（自定义）； 4.如果类名长（多个单词）可以使用横线来将类名进行连接 5.最好用英文字母 6.多类名的使用：将样式里面的多个类名，放在一个class里，之间用空格隔开就行，这样更加的方便，设置样式比较自由 3.类选择器： 1.id是唯一标识，所以最好不要多次调用id即不允许； 2.在style标签中使用#来定义，跟class调用 用法一样； 4 .比较：类选择器可以被多次调用； Id选择器在一个页面值允许使用一次 Id选择器经常和js在一次进行搭配使用 5.通配符选择器： 1.用*来调用 2.直接声明即可全部使用 3.在特殊情况下使用，比如:给所有的元素清楚本身带的样式 4.例：
| 
