css
-
用CSS3中的border-radius属性制作常用图形
css3新增了很多属性，有些属性非常的实用，不仅提高了工作效率，而且让页面的颜值变得更高。比如css3 中的border-radius属性，我们可以用它来绘制一些常用的图形，从而减轻美工的负担。这篇文章就和大家分享，如何用border-radius属性制作正圆，半圆，扇形，弧形。有兴趣的小伙伴可以看…
-
深入理解CSS的字体单位px，em，rem 和%
我们在页面布局时，通常会选择用px作为长度单位，提到em，rem等其他长度单位，很多人会很陌生。接下来就和大家讲讲css字体单位px，em，rem，百分比。有需要的朋友可以参考一下，希望对你有帮助。 css字体单位有好多种，我们这里只介绍％，px，em，rem这几种吧 1.百分比％2.px像素（pi…
-
分享CSS中半透明样式的处理方法
项目中经常遇到需要设置半透明的情况，如图片、文字、容器、背景等等，每次用到都忘记怎么搞，现在有时间做个小结，方便自己查阅，同时也分享给大家，有需要的可以过来看看。 一、 元素容器透明 .div{opacity: 0.5; /* Firefox、Chorme、Opera等主流浏览器识别 */filte…
-
CSS伪元素和Content属性的详细分析（代码示例）
本篇文章给大家带来的内容是关于css伪元素和content属性的详细分析（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 继上篇深入了解CSS伪类选择器的用法（代码示例）记录完伪类后，我自然而然要向伪元素伸出“魔掌”的啦。本文讲讲述伪元素以及功能强大的Contet属性，让…
-
如何使用纯CSS实现iPhone 价格信息图（附源码）
本篇文章给大家带来的内容是关于如何使用纯css实现iphone 价格信息图（附源码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 效果预览 源代码下载 https://github.com/comehope/front-end-daily-challenges 代码解读 定义 d…
-
图文详解怎么去除HTML超链接的下划线
在页面布局时，经常会用到a标签，大家都知道a标签默认有下划线，而且颜色也有所不同，有时为了页面的美观，需要去除部分超链接的下划线，或者改变超链接的颜色，你知道怎么实现这个效果吗？这篇文章就和大家讲讲如何去除html超链接的下划线。对此不了解的小伙伴，可以参考一下，希望对你有用。 先举个例子：这个超链…
-
常用CSS代码大全（工作必备）
用html+css可以很方便的进行网页的排版布局，但不是每一种属性或者代码我们都铭记于心，最近我把css中的常用代码进行了归纳总结，方便自己以后查看，同时也分享给大家，希望对你们有用。 一.文本设置 1、font-size: 字号参数 2、font-style: 字体格式 3、font-weigh…
-
css实现背景颜色半透明的两种方法
在页面布局时，为了给用户不一样的视觉效果，需要设置div的背景颜色为半透明状态，你知道怎么设置吗？ 接下来，就和大家聊聊如何用两种方式使div的背景颜色变成半透明，以及两种方式的优劣。感兴趣的朋友可以过来看看，希望对你有所帮助。 推荐手册：css在线手册 首先，我们用大家比较熟悉的CSS属性opac…
-
css如何设置边框的圆角样式？border-radius属性设置圆角样式（图 文）
很多时候在开发网页前端的时候，为了让网页上面的东西看起来更加的舒服，我们可能需要设置一些圆角的效果，比如圆形的头像、圆角的按钮等等。那么这些圆角效果是如何用css样式实现的，本章就给大家介绍css如何设置边框的圆角样式？border-radius属性设置边框的样式（图文）。有一定的参考价值，有需要的…
-
深入理解CSS选择器的优先级顺序
css中有很多选择器，比如类选择器，标签选择器，id选择器等等，不同选择器之间的优先级顺序也不一样，今天就和大家聊聊css选择器的优先级顺序，以及、!important的使用，有需要的朋友可以参考一下，希望对你有用。 1、!important 表示最高优先级。ie6浏览器不认识 !important…
