htML+CSS3-》第4阶段:HTML5之CSS3进阶
2016-06-26 21:19
225 查看
第4阶段:HTML5之CSS3进阶
89前端开发基础视频-CSS盒模型的综述
盒子模型的概念
所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。
网页中所有的元素都是矩形的,所以可以看成一个个盒子。 网页由多个盒子组成。
盒子:外边距+边框+内边距+内容区域组成。width属性与height属性指的是内容的宽和高,而不是值整个的宽高。
90前端开发基础视频-CSS盒模的总结
使用盒子模型时一定要<!DOCTYPE html>指定使用html5标准,否则浏览器可能使用非标准的盒子模型造成误差。 例如 ,若不指定<!DOCTYPE html>使用ie6打开就和火狐打开的不同。
91前端开发基础视频-CSS盒模的边框border设置详解
设置边框属性时别忘记设置style,如,只设置颜色和width则不能正常显示(style默认为none)。
92前端开发基础视频-CSS边框的妙用案例
93前端开发基础视频-CSS内边距Padding的使用
margin: 0 auto;自动居中
89前端开发基础视频-CSS盒模型的综述
盒子模型的概念
所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。
网页中所有的元素都是矩形的,所以可以看成一个个盒子。 网页由多个盒子组成。
盒子:外边距+边框+内边距+内容区域组成。width属性与height属性指的是内容的宽和高,而不是值整个的宽高。
90前端开发基础视频-CSS盒模的总结
使用盒子模型时一定要<!DOCTYPE html>指定使用html5标准,否则浏览器可能使用非标准的盒子模型造成误差。 例如 ,若不指定<!DOCTYPE html>使用ie6打开就和火狐打开的不同。
91前端开发基础视频-CSS盒模的边框border设置详解
设置边框属性时别忘记设置style,如,只设置颜色和width则不能正常显示(style默认为none)。
92前端开发基础视频-CSS边框的妙用案例
93前端开发基础视频-CSS内边距Padding的使用
margin: 0 auto;自动居中
相关文章推荐
- html5缓存
- HTML5之Web Workers
- golang写服务端程序,作为文件上传与下载的服务器。配合HTML5以网页作为用户页面
- HTML5 canvas绘图基本使用方法
- HTML5之Canvas(一)
- HTML5 绘制图形canvas 使用路径(一)
- HTML5 文件上传
- HTML5入门总结 HTML5API
- HTML5新增及移除的元素
- HTML5简介
- HTML5之离线存储
- HTML5不支持标签和新增标签
- HTML5之Ajax跨域的问题和处理
- HTML5之窗口间通信
- HTML5 canvas画布(四)
- h5学习笔记: ul和li组合
- H5学习笔记之a标签、分组元素
- HTML5 绘制图形canvas 初次接触
- 仿HTML5 CSS "标签云"特效-优化效率版
- HTML5基础知识(2)--标题标签的使用