css
-
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实现进度条： html结构： 70% css样式： 立即学习“前端免费学习笔记（深入）”； #progress{ width: 50%; height: 30px; border:1px solid #ccc; border-radius: 15px; margin…
-
CSS的相邻兄弟选择器用法示例讲解
对于有相同父元素的相邻html元素查找便可以使用css的相邻兄弟选择器,这里我们就来看一下css的相邻兄弟选择器用法简单讲解: 可选择紧接在另一个元素后的元素，且二者有相同的父级元素 下面代码中，item2和item3会有效果，而item1不会有 HTML代码： item1 item2 item3 …
-
利用CSS伪元素创建带三角形的提示框的实现技巧
下面小编就为大家带来一篇利用css伪元素创建带三角形的提示框的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧 CSS伪元素非常有用，它提供了一种无需多余的DOM元素来实现一些常见的功能的方法，以下利用其实现一个带三角形的tooltip。 下面是DOM结构：下面…
-
CSS使用盒模型实例讲解分析
盒子是css中的基础概念，我们需要使用它来配置元素的外观以及文档的整体布局。 1. 为元素应用内边距 应用内边距会在元素内容和边距之间添加空白。我们可以为内容盒的每个边界单独设置内边距，或者使用 padding 简写属性在一条声明中设置所有的值。 如果使用百分数值指定内边距，百分数总是根包含块的宽度…
