刚接触h5真的是有点云里雾里。经过近一个月的学习，大致掌握了h5的常用标签，通过css对页面进行简单的布局，也算是一只脚踏进了前端的大门。It的世界真的挺神奇的，将抽象转化成直观的页面，很期待用js实现各种动画。
以下是这一个月来的技术总结，重点难点都有：
HTML标签分类
双标签：由开始标签<开始标签>和结束标签</结束标签>组成；
例如：<html></html> <body></body> <head></head>
单标签: 不需要包含内容，直接在开始标签最后面添加一个结束的符号/;
例如：<br /> <hr />
注意：双标签就是里面可以包含其他元素的，单标签就不能包含其他元素的；
双标签：h1-h6,p,a,b,strong,u,ins,I,em,s,del,div,span
单标签：<br /> <hr />
HTML标签关系
• 嵌套关系 --- 父子级关系
• 并列关系 --- 兄弟关系
div和span标签
div标签布局标签，主要是布局用的大标签也是主要标签;
特点：没有语义，独占一行；
pan标签布局标签，不用来做主要布局，一般放特殊效果的文字或者小图标；
特点：没有语义，一行共存多个；
注意： div标签主要用过来做布局用，span标签主要用来修饰小效果或者放小图标；
路径
主要分为两大类：绝对路径、相对路径
相对路径：平级路径、上级路径、下级路径
一句话总结路径：从文件（html文件）本身出发去寻找目标文件；
无序列表（最常用的表格）
基本结构：ul嵌套li，li的个数不定，ul里面只能嵌套li，li里面可以嵌套任何不违法的标签；
CSS产生的原因
• 如果直接利用html页面书写页面，页面的美观达不到要求，如果要添加一些
• 简单样式利用html属性添加会是代码复杂臃肿，所以我们要使用css进行页面的
• 美化；
Css的作用
Cascading Style Sheets，简称层叠样式表，主要是用来进行页面的版面布局和外观样式的美化；
使用css的原理：
能够将结构html和样式css分离书写，简化代码，提高可阅读性；
|
|
收藏
淘帖
踩
