css的再深入9（更新中··&…
2018-10-19 06:13:09来源：博客园 阅读 ()
一 单位
1.px 就是一个基本的单位 像素
2.em 也是一个单位 用父级元素的字体大小乘以em前面的数字。如果父级没有就继承上一个父级直到body，如果body没有那就默认是16px。
3.rem 也是一个单位，只跟根节点<html>的字体大小有关，如果没有默认是16px。
4.line-height 行高 line-height:2; 行高值 是当前数字2乘以元素字体大小。
二 浏览器
浏览器和浏览器之间是由差距的，这个差距是由浏览器自身的内核决定的。
每个浏览器都有自己的前缀，主要解决css3中的兼容问题。
Chrome(谷歌) 的前缀 -webkit-
Firefox(火狐) 的前缀 -moz-
Ie 的前缀 -ms-
Opera(欧朋) 的前缀 -o-
国内的浏览器的内核是谷歌。
三 布局
- 流式布局 float+margin
- 定位
- 双飞翼
- 圣杯
- 弹性盒子布局 移动端布局
全称叫弹性和模型：是由父级的弹性容器和子级的弹性子元素两者构造。
display:flex;这个属性决定谁是弹性容器，他里面的子元素就是弹性子元素。
flex 是弹性子元素在弹性容器中所占的份数。属性值是数字
6.表格布局
- 7.box-sizing：border-box；这个属性 让元素的实际宽度就等于设置width，即便有了padding和border只会向内挤压，元素的可利用空间变小。
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：html area标签详解
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点，学前端，基础不好一切白费！ 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
