深入浮动
摘要：
我们知道正常文档流下块元素是单独占一行 结果： 给他们加上浮动后，可以让他们并排 浮动可以使元素移到左边或右边，并且允许后面的文字或元素环绕着它。 浮动最常用的就是实现水平方向上的并排布局 float有三个属性：left、right、none； 对于浮动，具有两个最重要的特点： （1）把一个元素定义 阅读全文
posted @ 2018-01-19 23:08 马三荷 阅读(157) 评论(0) 推荐(0) 编辑
正常文档流和脱离文档流
摘要：
正常文档流 什么叫文档流？ 就是页面上元素出现的先后顺序 什么叫正常文档流 正常文档流又称普通文档流或普通流。 它的定义是：把页面分为一行一行的，其中块元素单独占一行，相邻的行内元素从左到右排成一行直到该行排满。 正常文档流就是页面默认元素的布局 脱离文档流 指的是脱离正常文档流。正常的文档流就是我 阅读全文
posted @ 2018-01-19 17:17 马三荷 阅读(1492) 评论(0) 推荐(0) 编辑
表单对齐
摘要：
这是百度的表单注册，左边是文字，右边是表单元素。表单元素排列整齐，非常美观，表单对齐，是我们在做表单的时候经常遇到的事情。 那我们看看像BAT这些大公司是怎么处理这件事的呢 方法如下： （1）每行表单分为左栏和右栏，左栏主要是文字，右栏是表单，所有行的左栏长度相等，所有行的右栏的盒子长度之和相等。 阅读全文
posted @ 2018-01-18 14:40 马三荷 阅读(6380) 评论(0) 推荐(0) 编辑
表单技巧
摘要：
从三个方面深入表单开发技巧 （1）深入radio、checkbox （2）深入textarea （3）表单对齐 深入redio和checkbox redio指的是单选框而checkbox指的是复选框 学习：单选框和复选框的文字垂直居中 在大部分浏览器中文字大小为12px或14px。在表单开发中，无论 阅读全文
posted @ 2018-01-18 11:40 马三荷 阅读(160) 评论(0) 推荐(0) 编辑
文本效果
摘要：
CSS文本属性及其说明 深入text-index 在搜索引擎中，h1是非常重要的标签，我们通常把网站中的logo放入h1当中，但由于搜索引擎不能识别图片，只能识别文字，所以为了帮助SEO优化 我们有一个解决方法：把h1的宽、高设置为logo的宽高，在把文字用用text-index:-9999px来隐 阅读全文
posted @ 2018-01-17 21:26 马三荷 阅读(485) 评论(0) 推荐(0) 编辑
display属性
摘要：
在css中如果我们想把块级元素转换成内联元素怎么办，通常我们都用css属性中的display来解决； inline-block 这个属性的特点是他结合了块元素的特点和行内元素的特点 display:none display:none我们经常和JavaScript用来动态隐藏元素，经常隐藏的元素比如二 阅读全文
posted @ 2018-01-17 19:40 马三荷 阅读(234) 评论(0) 推荐(0) 编辑
overflow属性
摘要：
通常一个盒子的内容是被限制在一个边框里面的，有时内容会不受限制部分或全部会溢出盒子外，我们通常使用css的overflow属性来定义处理这种事情的发生。 阅读全文
posted @ 2018-01-17 17:34 马三荷 阅读(178) 评论(0) 推荐(0) 编辑
html、xhtml、html5的区别
摘要：
1、HTML:HyperText Mark-up Language(超文本标记语言)构成网页的主要语言 常指：HTML 4.012、XHTLM:EXtensible HyperText Mark-up Language (扩展的超文本标记语言) 是指更加严谨的html 4.01二者的区别就是HTML 阅读全文
posted @ 2018-01-17 17:23 马三荷 阅读(883) 评论(0) 推荐(0) 编辑
块级元素和行内（内联）元素的区别
摘要：
块级元素的特点：1、“比较霸道”，一个人要独占一行2、“比较好说话”，高度、行高、外边距、内边距都可以控制3、宽度默认是容器的100%；4、可以容纳块级元素和内联元素行内元素的特征1、可以和相邻行内元素并排在一行；2、“不好说话” 宽度和高度对它无效，水平方向的margin和padding对它有用， 阅读全文
posted @ 2018-01-17 17:22 马三荷 阅读(291) 评论(0) 推荐(0) 编辑
