1、盒子模型(box model) 在HTML中,可以把元素看做盒子,盒子包括:实际内容(content)、内边距(padding)、边框(border)、外边距(margin) 2、标准盒模型与怪异盒模型 对比两种模型的区别 1.标准盒模型 标准盒模型(W3C盒子模型),设置的width或heig ...
分类:
其他好文 时间:
2019-11-25 23:35:00
阅读次数:
96
1、 默认的内外边距不同 问题: 各个浏览器默认的内外边距不同 解决: *{margin:0;padding:0;} 2、水平居中的问题 问题: 设置 text-align: center ie6-7文本居中,嵌套的块元素也会居中 ff /opera /safari /ie8文本会居中,嵌套块不会居 ...
分类:
其他好文 时间:
2019-11-25 15:17:41
阅读次数:
89
jQuery 尺寸 jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。 height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。 设置:$("#div1").width(300); 获取:var h = ...
分类:
Web程序 时间:
2019-11-25 15:16:40
阅读次数:
69
基于offsetHeight和clientHeight判断是否出现滚动条 by:授客 QQ:1033553122 HTMLEelement.offsetHeight简介 HTMLElement.offsetHeight 是一个只读属性,它返回该元素的像素高度,高度包含该元素的垂直内边距和边框,且是一 ...
分类:
编程语言 时间:
2019-11-25 13:06:52
阅读次数:
78
上节课回顾:列嵌套会多padding 可以用一个盒子在嵌套其它的 列偏移场景: 默认所有的盒子贴着左侧的,所以只能用右侧盒子偏移 实现思路换下 大盒子row 嵌套两个小盒子列col-尺寸占几份 col-md-3 (比如) container下一个row 列要8列col div.container>d ...
分类:
其他好文 时间:
2019-11-24 19:47:59
阅读次数:
62
border-box告诉浏览器去理解你设置的边框和内边距的值是包含在width内的。 换句话说,如果你将一个元素的width设为100px,那么这100px会包含它的border和padding,内容区的实际宽度会是width减去border + padding的计算值。 如何计算的? width ...
分类:
Web程序 时间:
2019-11-22 01:02:02
阅读次数:
96
背景色:body{ background-color :#556677 } 宽:{width: 1000px } box类居中:.box{margin:0px auto;} margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。 title类中元素居中:.title{ ...
分类:
Web程序 时间:
2019-11-21 10:07:02
阅读次数:
63
div水平和垂直居中,text-align和vertical-align不起作用,因为标签div没有这两个属性,所以再css中设置这两个值不能居中的效果。 1. div水平居中:设置margin的左右边距为自动。margin:0 auto; 2. div中的文字居中:将div的行高设置跟其高度一样的 ...
分类:
其他好文 时间:
2019-11-20 23:47:08
阅读次数:
84
块级元素div分析 1、外边距 margin 2、内边距 padding 3、边框 border Div的真实宽度=width+margin-left+margin-right+border*2+padding-left+padding-right 文档流 元素从上到下(主要说块级元素),从左到右( ...
分类:
Web程序 时间:
2019-11-20 21:46:41
阅读次数:
152
1.块级元素和行内元素和行内块元素的区别 块级元素:独占一行的,可以设置宽高和内外边距的(<div>/<h1>~<h6>/<p>/<ul>/<table>) 行内元素:不独占一行,不可以设置宽高,其大小仅仅被动的依赖于自身内容的大小 行内块元素:不独占一行,和相邻的行内元素在同一行,有间隔,可以设置 ...
分类:
Web程序 时间:
2019-11-18 20:33:01
阅读次数:
78