随笔分类 - css
css html 布局
摘要：摘要: css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？ 一、抛一块问题砖（display： block）先看现象： 这里我没有给最外层的DIV.outer 设置高度，但是我们知道如果它里面的元素不浮动的话，那么这个外层的高是会自动被撑开的。但是当内层元素浮动后，就出现了以下
阅读全文
摘要：所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前
阅读全文
摘要：默认地，图像是没有边框的（除非图像在 a 元素内部）。 浏览器通常会把代表超链接的图像（例如包含在 <a> 标签中的图像）显示在两个像素宽的边框里面，以表示读者可以通过选择这个图像来访问相关联的文档。 使用 border 属性和一个用像素表示的宽度值就可以去掉 (border="0") 或加宽图像的
阅读全文
摘要：一、横线<hr>,可设置css宽高以及背景色。 二、竖线：方法1，利用块级元素的border属性，如：div{width:1px;height:100px; border-left:1px #000 solid;}方法2，如果是内联元素，则加上display:inline-block;如：span{
阅读全文
摘要：设计网页时，一般设置body的字体，让其他标签继承body的字体，这样设置特别方便，但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的，它们的字体需要单独设置。 设计网页时，一般设置body的字体，让其他标签继承body的字体，这样设置特别方便，但是标题标签h1到h6和
阅读全文
摘要：bug的几种常见原因： 1、盒模型bug 原因：没有正确声明doctype（如果没有声明doctype，各浏览器对代码的解析有不同的规范）。解决方法：使用严格的doctype声明。 2、各浏览器对不同标签的初始值不同（如字体、字体大小、li的边框和小黑点都不一样） 解决方法：利用css初始化。 3、
阅读全文
摘要：使用display:inline-block产生间隙 一、产生的原因：当初设立标准的不是亚洲而是欧洲，inline元素为了正确显示英文字母如y j g等带有尾巴的，就在底下留空。二、解决办法：
阅读全文
摘要：子选择器（child selector）仅是指它的直接后代，即第一代后代，它通过“>”进行选择。 后代选择器是作用于所有子孙元素，它通过空格来进行选择。 总结：>作用于元素的第一代后代，空格作用于元素的所有后代。
阅读全文
摘要：1、单独文字垂直居中我们只需要设置CSS样式line-height属性即可。 2、文字与图片同排，在设置div高度同时再对此css样式的图片“img”样式设置vertical-align:middle垂直居中属性，如.yangshi img{vertical-align:middle;} 。 3 不
阅读全文
浙公网安备 33010602011771号