1、标签
(1)样式:双标签、单标签
(2)关系:并列、嵌套
(3)种类:排版、文本格式化、链接、图像、注释
2、表格
(1)组成:行、单元格、表头
(2)合并单元格:跨行rowspan;跨列colspan
3、列表(1)有序(2)无序(3)自定义
4、表单(2)表单标签(2)form表单域
5、路径(1)相对路径:同级、上级、下级(2)绝对路径
二、层叠样式表(Cascading Style Sheet),简称css
1、基础属性:字体属性、外观属性、背景属性
(1)字体属性:字体倾斜,字体粗细,字体大小,综合写法应遵循顺序(font: font-style font-weight font-size/line-height font-family;),并且一定要有font-size和font-family的属性值。
(2)外观属性:颜色、文字水平居中、行高、首行缩进、文本修饰,需注意的是,文本水平居中只对行内元素和行内块元素有效、行高属性主要用来用让单行文本垂直居中。
(3)背景属性:背景颜色,背景图片,背景平铺,背景定位,背景附着。综合写法无强制顺序要求。
2、三大特性:层叠性,继承性,优先级(权重)
(1)层叠性:后写的属性会覆盖掉前面写的属性(在权重相等的情况下)
(2)继承性:子元素会继承父级的文本属性,但个别标签有默认的属性,不会继承,如链接。
(3)优先级:继承 < 通配符 < 标签/伪元素 < 类/伪类 < id < 行间 < important
3、盒子模型:内边距、边框、外边距
(1)padding/margin赋值的复合写法
1个值 上下左右都有
2个值 上下、左右
3个值 上、左右。下
4个值 上、右、下、左(顺时针)
(2)margin塌陷
① 相邻块元素垂直方向的margin合并会自动选取取两者较大值
解决办法:只给定一个值即可
② 嵌套关系的垂直外边距,子级margin会作用在父级上
解决办法:1、给父级指定padding值; 2、给父级添加overflow:hidden; 3、给父级定义上边框,透明
③ 只在垂直方向有bug,左右方向没有
④ 触发bfc的都不会有塌陷bug,flo
项目名称:高仿豆瓣电影
项目描述:
项目介绍
1、该项目主要用于提供最新的电影介绍及上映影片的影讯查询及电影搜索服务;
2、该项目分为首页、正在热映、即将上映、top250及搜索部分;
3、该项目由我独立完成;
4、该项目使用AngularJs实现无刷新式页面变化的单页面应用程序开发;
5、该项目使用豆瓣公开API;
6、项目中利用路由匹配进行页面的跳转和电影搜索功能;
7、该项目使用JSONP跨域获取数据进行电影列表的展示。
我的职责