CSS：不可思议的border属性 - html/css语言栏目：ht 关注热度:62

在CSS中，其border属性有很多的规则。对于一些事物，例如三角形或者其它的图像，我们仍然使用图片代替。但是现在就不需要了，我们可以用CSS形成一些基本图形，我分享了一些关于这..[详情]

如何实现让CSS边框发光的高亮效果 - html/css语言栏 关注热度:77

我们在进行网页设计的时候经常会将某些边框样式进行特殊处理以突显效果。今天小编就来讲解如何实现让CSS边框发光的高亮效果。 在输入框周围出现了亮光，或者说阴影造成边框发亮..[详情]

css3 动态背景 - html/css语言栏目：html.css - 自学p 关注热度:54

动态背景利用多层背景的交替淡入淡出，实现一种背景在不停变换的效果，先看图。 效果图：DEMO地址步骤1 利用css的radial-gradient创建一个镜像渐变的背景。其中的80% 20%为渐变中心的x,..[详情]

CSS中margin的认识 - html/css语言栏目：html.css - 自学 关注热度:65

margin中设置边框的顺序为上右下左{margin：top right buttom right} 等同于单独设置中的{ margin-top: 20px; margin-right: 30px; margin-bottom: 30px; m..[详情]

css 样式用法的累积 - html/css语言栏目：html.css - 关注热度:84

我们直接看例子然后在来解释用法。input[type= checkbox ] 43;p:before{content: 台词： ;}我是唐老鸭。我住在 Duckburg。注释：对于在 IE8 中工作的 :before，必须声明 DOCTYPE。..[详情]

非常有用的50个CSS代码片段 - html/css语言栏目： 关注热度:64

原文：50 Useful CSS Snippets Every Designer Should Have 面对每年如此多的 新趋势 ,保持行业的领先是个很困难问题 网站设计者和前端工程师都已经全面的使用 CSS3 propert..[详情]

CSS3 实现六边形Div图片展示效果 - html/css语言栏目 关注热度:82

实现原理：这个效果的主要css样式有：1 transform: rotate(120deg); 图片旋转2 overflow:hidden; 超出隐藏3 visibility: hidden; 也是隐藏，与display:none;相似，但不同的是，它虽然隐藏了，但依然会在..[详情]

CSS非ASCII字符最佳实践 - html/css语言栏目：html.c 关注热度:60

作者：zhanhailiang 日期：2014-10-30问题场景在写样式时经常需要用到非ASCII字符的属性 20540;，如下： hot_list sign_discount:before { content: 满减 ; padding: 0 8..[详情]

html 竖列显示文字 - html/css语言栏目：html.css - 自 关注热度:64

文字测试显示效果：文字测试如果是英文字母、数字的话会显示这种效果文字zzzzzzz123435..[详情]

CSS3提交意见输入框样式 - html/css语言栏目：html 关注热度:58

做了个输入框样式，如图：CSS代码如下： button { cursor:pointer; width:30%; margin:5px; padding:8px; border-radius:4px 4px 4px 4px; font-size..[详情]

Spring Batch使用示例: 读取CSV文件并写入MySQL数据库 关注热度:84

------------编写批处理程序来处理GB级别数据量无疑是种海啸般难以面对的任务,但我们可以用Spring Batch将其拆解为小块小块的(chunk)。 Spring Batch 是Spring框架的一个模块,专门设计来对各种类..[详情]

漂亮的页面从哪里来？-CSS - html/css语言栏目：h 关注热度:56

漂亮的页面从哪里来，源于CSS样式的巧妙配置!CSS特点：实现网页内容与样式的分离通过选择器，选择出Html中被选择器中标记的内容，使这些内容按照CSS中的样式显示网页内容如何应用..[详情]

CSS3样式运用，悬浮立体方块 - html/css语言栏目： 关注热度:100

前言作为后端开发者，了解前端是必须的，所以自己琢磨着弄了弄一个CSS3的阴影运用。我记得这应该是以前淘宝用过的，PS：现在跑到淘宝去看，好像没有找到了。现在流行扁平化设计..[详情]

css中绝对定位和相对定位 - html/css语言栏目：ht 关注热度:109

层级关系为：..[详情]

ajax、Html、asp调用数据库 - html/css语言栏目：htm 关注热度:67

一 前端页面： test function buttonClick() { var name = document getElementById( name ) value;..[详情]

CSS3 线性渐变（linear-gradient） - html/css语言栏目： 关注热度:59

CSS3 Gradient 分为 linear-gradient（线性渐变）和radial-gradient（径向渐变） 。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient，我们需要先了解一下目前的几..[详情]

CSS3 径向渐变（radial-gradient） - html/css语言栏目： 关注热度:52

上篇文章介绍了 CSS3 线性渐变（linear-gradient），这篇文章向大家介绍 radial-gradient（径向渐变）以及重复渐变（线性重复、径向重复）。在以前，渐变效果和阴影、圆角效果一样都是做成..[详情]

即将来到: CSS Feature Queries (CSS特性查询) - html/cs 关注热度:59

Feature Queries 是CSS3 Conditional Rules specification中的一部分，它支持@supports规则，@supports规则可以用来测试浏览器是否支持CSS属性和 20540;对。CSS本身有降级机制，比如忽视不支持的..[详情]

css简写 vertical-align background font - html/css语言栏目 关注热度:64

1、vertical-align:sub（下标） | super （上标）| 5px（往上移动） | -5px(往下移动) | top | bottom | text-bottom | text-top |middle2、背景图位置：background-position:纵向(top | cen..[详情]

CSS中的媒体类型media type - html/css语言栏目：html 关注热度:59

madia type作用首先要明白一点，我们平时写的HTML页面，可能在不同的媒体类型中显示，如可能显示在屏幕sreen上，也可能显示在纸质print上。那么当页面在不同的媒体类型中显示时，需要..[详情]

CSS Sprites---减少HTTP请求次数 构建高性能网站 - 关注热度:59

提到CSS Sprites不得不说一下与之相 20284;的Image Maps：Image Maps 将一个页面中所要引用的图片整合成一个单一的图片文件，按顺序排好，再分切出里面的链接区域。这样对整个图片群的需求..[详情]

CSS3的背景渐变gradient - html/css语言栏目：html.css 关注热度:77

CSS3 Gradient 分为 linear-gradient（线性渐变） 和 radial-gradient（径向渐变）。记住渐变并不是CSS3的一个属性，而是一个属性的 20540;，虽然在CSS3中没有专门注明渐变是针对background的，但是目..[详情]

CSS魔法堂：Position定位详解 - html/css语言栏目： 关注热度:59

一、Position各属性值详解 1 static ：默认值，元素将按照正常文档流规则排列。 2 relative ：相对定位，元素仍然处于正常文档流当中，但可以通过left、top、r..[详情]

css 概述 - html/css语言栏目：html.css - 自学php 关注热度:55

CSS，cascading style sheet，级联样式表，用于指定网页外观。CSS文件的内容见下：Selector{property1：value1；property2：value2；}HTML页面中的引用语句为。属性选择器：ID选择器：对具有指定id的..[详情]

HTML页面加载完后，根据内容调整(textarea)元素的高 关注热度:52

假如我的HTML中有一个textarea元素，我想在它加载完成后根据内容调整其高度。怎么做呢？1 我定义的textarea元素如下注意： id = value 这里的关键问题是html加载完后会调用哪个函数，有以下..[详情]

纯CSS3实现支持自定义设定的图标 - html/css语言栏 关注热度:54

网上有各种用CSS3画图标，画漫画的代码，实在是有点吊！如果能为自己的网站也绘制一套CSS3图标，那么就省去了用小图片的力气。虽然说各大浏览器对CSS3的支持性还不尽相同，但是大..[详情]

CSS3实战开发: 纯CSS实现图片过滤分类显示特效 关注热度:54

从上面的运行效果，大家不难发现，当我点击某一菜单时，导航区域会相应高亮显示此分类的图标，而其他图标则会变暗。很多人可能会说，这个这么简单，直接使用javascript或jQuery等前..[详情]

浏览器的CSS Hacks - html/css语言栏目：html.css - 自学 关注热度:78

LZ注：此文原作者是：Paul Irish（Google的前端开发工程师），本文是原文的部分译文。我不再使用CSS Hacks了，相反的是，我将使用IE的条件判断将类应用到body标签。但是，我想记录我之前..[详情]

IE10 、IE11 CSS Hack - html/css语言栏目：html.css - 自学 关注热度:167

传说Windows 8刚上市没几天就卖出了4000多万份，好厉害。然后我们就发现项目中很多页面在IE10中表现不正常了。有的是之前对各版本ie的hack引发的，有些不确定是否是ie10引出的bug，所以..[详情]

关于CSS细节集合(一) - html/css语言栏目：html.css 关注热度:66

一、当文字与图片在一行，需要将文字与图片底对齐，需要这样写：1记住密码二、当文字与图片在一行，需要将文字与图片居中对齐，需要这样写：1记住密码三、更改IE..[详情]