![](https://img-blog.csdnimg.cn/20200416223116773.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
CSS相关知识
啦啦啦鱼儿
这个作者很懒,什么都没留下…
展开
-
让ie6/7/8支持HTML5标签
1、引用google的html5.js文件,代码内容可以自己下载下来看。<!–[if lt IE9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]–>在css初始化中添加article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}原创 2020-10-13 14:27:21 · 97 阅读 · 0 评论 -
IE6的一些兼容问题
1、css兼容问题 (1)IE6不识别html5标签 解决:引入html5shiv.js库 (2)IE6元素左右浮动,子元素设置高度后,父元素的浮动消失 解决:给子元素也加上浮动 (3)IE6下第一块元素浮动后,第二块元素加的margin-left值等于第一块元素的宽度,会有间隙问题 解决:第二块元素去掉margin-left,添加浮动 (4)IE6下子元素宽高大于父元素宽高时,会把父元素撑开 解决:不让子元转载 2020-10-13 14:20:00 · 112 阅读 · 0 评论 -
CSS效果
盒子阴影 box-shadowbox-shadow: 0 0 30px 10px pink inset;0 0 偏移量 30px 模糊大小 10px阴影扩展大小。pink阴影颜色。 inset内阴影。边框圆角 border-radius10px/20px 代表前面是水平方向圆角半径。后面是垂直方向圆角半径。可以制作各种圆角的图像 ,如图背景 backgroundbackground详细链接值说明 CSSbackground-color 指定要使用的背景颜色 1background原创 2020-06-09 09:28:43 · 128 阅读 · 0 评论 -
CSS各类布局
★★★ float(+margin)浮动布局 ★★★(均以三栏布局为例,中间宽度自适应)实现: 利用浮动,(margin属性腾出其他块的空间)<style> body, .container{ margin: 0; padding: 0; height: 300px; } .left{ float: left; width: 200px;原创 2020-05-10 17:36:19 · 119 阅读 · 0 评论 -
浮动、高度塌陷、以及其解决办法
1.什么是浮动?浮动(float):依然位于父元素内脱离文档流,形成BFC,但不脱离文本流。即float元素下面的文字依然会被挤出去。变为块级元素 — 块级元素:允许修改尺寸 。行内元素:不允许修改尺寸父级元素内的文本,行内,行内块元素采用环绕方式排列 2.浮动 之后会有什么样的影响? (高度塌陷)**由于浮动元素会脱离文档流,所以导致不占据页面空间,所以会对父元素高度带来一定影响。如果一个元素中包含的元素全部是浮动元素,那么该元素高度将变成0(高度塌陷) 3.如何清楚浮动?#方原创 2020-05-10 15:04:40 · 486 阅读 · 0 评论 -
行高,文本对齐
行高:文本基线间垂直间距。文本有顶线,中线,基线,底线。 行距:指文本一行底线到下一行顶线的垂直距离。设定行高时行内框高度不变,改变的高度分成两个半行距分别增加(减少)到行内框(内容区域)的上下两边。(半行距=行高减字体大小除2) 行框:本行虚拟矩形框,是一个概念,无实际显示。行框高度等于本行内所有元素中行内框最大的值 (以行高值最大的行内框为基准,其他行内框采用自己的对齐方式向基准对齐,最终...原创 2020-05-08 15:11:49 · 204 阅读 · 0 评论