Css
[css]画圆形标签
画圆形标签的窍门:圆形是在padding和margin中间同时是padding的内切圆也是margin的外接圆.circle{width:20px;height:20px;display:inline-block;line-height:20px;text-align:center;padding:5px;margin...
HTML+CSS 简易搜索框
搜索框是页面中很常见的一种，下面分享一段简单搜索框案例，直接上代码HTML部分<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>搜索框</title></head><bod...
css实现手机端导航栏左右滑动
<html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width"><title>test</title><stylemedia="screen"...
CSS3实现DIV圆角完整代码
本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是："border-radius:20px;"。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐，或者IE9以上。IE6、7、8不支持。在线预览效果：http://hovertree.com/texiao/css/4.htm画圆型的例子：http://...
CSS3-背景渐变
CSS3-背景渐变 CSS3渐变（gradient）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果，现在通过使用CSS3的渐变（gradients）即可实现。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。 ...
深入理解CSS中的空白符和换行
CSS3新增了两个换行属性word-wrap和word-break。把空白符和换行放在一起说，是因为实际上空白符是包括换行的，且常用的文本不换行是使用的空白符的属性white-space:nowrap;到底它们还有些什么属性值，以及有什么对应的用法呢？本文就空白符和换行的内容做详细介绍和梳理 空白符定义 ...
css实现切角效果
1.一个切角思路：如果我们要得到有一个切角的元素，我们只需要使用一个径向渐变就可以达到这个目标，这个渐变需要把一个透明色标放在切角处，然后再相同的位置设置另一个色标，并且把它的颜色设置成我们想要的背景色。html<divclass="corner"></div>css.corner{...
scss的基本用法
一、使用变量 sass让人们受益的一个重要特性就是为CSS引入了变量。你可以把反复使用的CSS属性值定义成变量，然后通过变量名来引用它们，而无需重复书写这一属性值。或者，对于仅使用过一次的属性值，你可以赋予其一个易懂的变量名，让人一眼就知道这个属性值的用途。 sass使用$符号来标识变量（老版本是用的！），比如$c...
css3实现图片的变大变小
主要是使用css3的animation，scale等于1是原图大小，大于1是把图片放大，小于1是把图片缩小。animation-delay用来延迟5秒触发这个动画<htmllang="en"><head><metacharset="UTF-8"><metaname="viewp...
css 流光字体
1.设计html<divid="font"><p>欢迎参加百度前端技术学院</p><p>点击报名</p></div>2.p元素中字体为流光字体，所以为div设置背景色，为p设置字体颜色为transparent#font{width:400px;he...
css样式实现字体删除线效果
1<!DOCTYPEhtml>2<html>3<head>4<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>5<title>删除线实例在线演示www.divcss5.com&l...
CSS 实现好看的边框
设计给这样的稿子不是折腾人嘛...哎，没办法，作为一个负责任的打工仔，我是不会简单粗暴的直接切图的。嗯。能用CSS画边框，就不用图片。<style>*{/*实际开发中，别这样偷懒哦*/margin:0;padding:0;list-style:none;}.box{width:320px;height:10...
原来css中的border还可以这样玩
前面的话： 在看这篇文章之前你可能会觉得border只是简单的绘制边框，看了这篇文章，我相信你也会跟我一样说一句“我靠，原来css中的border还可以这样玩”。这篇文章主要是很早以前看了别人用纯CSS绘制三角形后自己的一些思路的整理，文中会介绍几种小图标的效果。 是的你没看错，这里是要做绘...
CSS 文本字体颜色设置方法(CSS color)
一、认识CSS颜色（CSScolor）这里要介绍的是网页设置颜色包含有哪些；网页颜色规定规范。1、常用颜色地方包含：字体颜色、超链接颜色、网页背景颜色、边框颜色2、颜色规范与颜色规定：网页使用RGB模式颜色 二、颜色基础知识网页中颜色的运用是网页必不可少的一个元素。使用颜色目的在于有区别、有动感（特别是超链接...
