mrdu_somefun的博客

一、首先要了解什么是块级元素与行级元素块级元素会占领页面的一行，其后多个block元素自动换行、 可以设置width，height，设置了width后同样也占领一行、同样也可以设置   margin与padding属性。ps:常见的块级元素:div,img,ul,form,p等行级元素与其他元素在同一行上，高度，行高以及底边距不可改变，高度就是内容文字或者图片的宽度，不可以改变

导读：overflow属性一般用来隐藏超过div范围的元素，包括不隐藏(visible)，直接隐藏(hidden)，用滚动条隐藏(scroll)，自动(aotu)这四个属性。当然overflow的用法并不是如此简单的理解，在很多制作网页的场合我们都需要用overflow，本文介绍overflow的四种常用属性值以及使用。根据CSS的盒模型概念，页面中的每个元素，都是一个矩形的盒子。这些盒子的大

在桌面电脑端，浏览器的分辨率与电脑屏幕的分辨率是一致的。而智能手机的屏幕分辨率往往和手机浏览器分辨率不同，因为手机的屏幕相对来说比较小，如果要显示高清画质，那么它的分辨率就要高。比如说，苹果iPhone4手机的屏幕分辨率是640*960，而其自带的Safari浏览器的分辨率却只有320*480。所以，我们在用HTML5+CSS3开发移动网站和移动应用时，就要注意了。假设，我们现在要针对苹果

谷歌浏览器是不支持12px以下小字体的，网上搜素一些不错的解决方法，感兴趣的的朋友可以参考下，希望对大家有所帮助!　　谷歌浏览器是不支持12px以下小字体的，可能是考虑到用户体验吧。　　网上也有一些文章介绍，说可以使用：　　复制代码代码如下:　　-webkit-text-size-adjust:none;　　但是，自chrome 27之后，就取消了对这个属性的支持。　　我们

一般我们需要一个浮动的子DIV不跑出父级DIV时，都会想到给父级的DIV一个固定的高宽，但这样做的前提是必须知道子DIV的高宽和个数，这样才好计算出父级DIV的高宽来。但是在一些情况下，我们根本无法知道子DIV的个数，这时就会出现子DIV跑到父级DIV的外边去了。如图：看到没有，上图中下边两个DIV就跑了出来，这位非常影响页面布局。那么可不可以给父级DIV不指定高度或者CSS定义为

所谓脱离文档流，即将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当没看到它，两者位置重叠都是可以的。这里，通过讲解浮动脱离文档流（float）和绝对定位脱离文档流（position:absolute）的区别，让大家对这一概念有更深的认识。一、浮动脱离文档流使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。 我们先利用下面

一、写在前面的最近一直构思着写篇关于html标签的文章，虽说之前处理过html标签，也解决过不少棘手的问题，但是对其理解还不是很透彻，很多原理都是自己推测的。在网上查阅相关资料想整合一下相关的信息，发现深入探讨html，与body的文章很少，只有在蓝色理想看到一篇“一叶千鸟”的这篇“正确认识html与body”有点价值，其余都没有什么相关的好文章。而这里，我要讲述的与上面的交集并不多，

最近写网页经常需要将div在屏幕中居中显示，遂记录下几个常用的方法，都比较简单。 水平居中直接加上标签即可，或者设置margin:auto;当然也可以用下面的方法下面说两种在屏幕正中（水平居中+垂直居中）的方法 放上示范的html代码：body> div class="main"> h1>MAINh1> div>body>12345方法一：

首先我们来了解一下子元素选择器与后代选择器的基本语法语法子元素选择器的语法如下：div>ul{color：red；}子元素选择器使用大于号">"做为连接符，子元素选择器只能选择作为某元素子元素的元素后代选择器的语法如下：h1 em{color:red;}后代选择器可以选择作为某元素后代的元素,父元素与子元素必须用空格隔开，从而表示选中某个元素下的子元素。二者区别：我们通过一个实例来讲解...