css
-
详细介绍CSS之margin知识点
1.margin的百分比值普通元素的百分比maigin相对于容器元素的宽度(width) 进行计算的。 这里我们在图片外面设置一个宽高分别为800 * 600的容器。设置img{ margin: 10%; } 结果如下 结果margin值都是 800 * 10% = 80px; 所以这里都是相…
-
CSS使用float属性设置浮动元素的方法介绍
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块表现得就像浮动框不存在一样。 float效果展示基本设置 在网页中正常添加3个p色块: HTML代码: 立即学习“前端免费学习笔记（深入）”； p1 p2 p3 简单设…
-
CSS的clear属性清除浮动的用法详细介绍
什么是css清除浮动？ 网络上流行的说法是：在非IE浏览器（如Firefox）下，当容器的高度（height）为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现…
-
DIV+CSS布局中自适应高度的解决方法
代码 Equal height(DIV+CSS布局中自适应高度的解决方法) body{ padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; text…
-
浅谈css中的clip裁剪用法介绍
clip 属性是用来设置元素的形状。用来剪裁绝对定位元素(absolute or fixed)。 clip有三种取值：auto |inherit|rect。inherit是继承，ie不支持这个属性， auto是默认 前两个基本属于打酱油的，我们主要来说一下clip的rect属性。 clip的rec…
-
详解css优先级计算方法
主要的css选择器有id,class,tag,[],:,::等，而通常需要对其优先级进行判断的有id,class,tag,另外内联样式和!important也和css的优先级有关系。 如果将这五种不同情况的优先级以数字的形式来表示的话，其对应关系如下： !important(10000) > …
-
浅谈css中margin的重叠
父子元素margin重叠 解决办法： 给子元素添加浮动属性，相应父元素添加必要的清浮动属性； 给父元素添加边缘属性，如padding、border； 同级元素margin反向重叠 立即学习“前端免费学习笔记（深入）”； 同级元素margin反向重叠时，元素之间的距离为两个margin值中较大的那个。…
-
css中float的用法详细介绍
关于float很早就接触了，下面结合一个小demo谈谈。 1:在页面布局中，假设有两个p，需求是两个p在同一排上；其中解决办法之一就是利用浮动， eg: 职位简介 职位名称：php工程师 工作经验：1-3年 招聘人数：10人 最低学历：不限 月薪：3000-5000元（个税计算） 年龄：不限 2：上…
-
css动画和照片清晰度动画的实现方法介绍
实例如下： 源代码： donghua.beijing{ border: 1px solid black; width: 100%; height: 800px; background: black; } .a1 img{ width: 100px; height: 100px; -webkit-fi…
-
css样式的巧妙方法进行总结
针对之前遇到过的一些特殊样式的实现，我今天做个总结，目的有二：一是将这些方法记录下来，以便将来需要用到时查找使用。二为将这些大神们智慧的结晶发扬光大，让广大前端程序猿们能够少走弯路。此贴为更新帖，以后若有好的css样式技巧，小哥我会不定期更新。 一、块元素水平垂直居中（特别鸣谢：鑫生活。鑫哥出品必属…
