随笔分类 -  css

css给奇数行或偶数行添加指定样式
摘要：odd表示奇数行，even表示偶数行; tr:nth-child(odd); .table-striped > tbody > tr:nth-child(odd) { odd表示奇数行，even表示偶数行; tr:nth-child(odd); .table-striped > tbody > tr 阅读全文
posted @ 2017-12-16 15:55 xzzzys 阅读(11456) 评论(0) 推荐(0)
自适应网页设计（Responsive Web Design）
摘要：随着3G的普及，越来越多的人使用手机上网。 移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？ 手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的 阅读全文
posted @ 2017-11-06 11:09 xzzzys
CSS3新增的选择器和属性
摘要：<!doctype html>无标题文档 一、新增的选择器 CSS3新增的属性选择器 {除ie6外的大部分浏览器支持） 序号选择器含义实例 1 E[att^="val"] 属性att的值以"val"开头的元素 div[id^="nav"] { background:#ff0; } 2 E[att$= 阅读全文
posted @ 2017-11-06 10:51 xzzzys 阅读(207) 评论(0) 推荐(0)
CSS3新属性解释及用法
摘要：一。 transition（a标签hover渐隐效果） a:hover{transition: color 0.15s linear 0s, background-color 0.3s linear 0s;} -webkit-transition:color 0.15s linear 0s, bac 阅读全文
posted @ 2017-11-06 10:49 xzzzys 阅读(602) 评论(0) 推荐(0)
CSS中cursor属性给标签加上小手形状
摘要：HTML/CSS 2012-08-10 CSS,标签 HTML/CSS 2012-08-10 CSS,标签 我们发现a标签在网页中有一个值得注意的地方，即鼠标移到a标签上光标会变成一只小手的图标，移出a标签后又恢复为默认箭头。 如今，JS在网页中的功能越来越强大，有时候我们需要在页面中添加一些可点击 阅读全文
posted @ 2017-10-25 09:00 xzzzys 阅读(2633) 评论(0) 推荐(0)
CSS3颜色渐变模式总结
摘要：1.线性渐变：linear-gradient 语法：= linear-gradient([ [ | to [, ]+) = [left | right] || [top | bottom] = [ |]? 下述值用来表示渐变的方向，可以使用角度或者关键字来设置： ： 用角度值指定渐变的方向(或角度) 阅读全文
posted @ 2017-09-08 17:45 xzzzys 阅读(1661) 评论(0) 推荐(0)
移动开发之css3实现背景渐变效果
摘要：.sec_case_list li span{ background:linear-gradient(bottom, #000, transparent); background:-webkit-linear-gradient(bottom, #000, transparent); backgrou 阅读全文
posted @ 2017-09-08 17:43 xzzzys 阅读(228) 评论(0) 推荐(0)
在css中设置图片的背景图，怎么设置图片纵向拉伸
摘要：css中设置背景图拉伸填充，在css2.1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示，可以使用repeat,repeat-x,repeat-y,no-repeat这些属性来控制背景图片的显示。所以一般用作背景图片的有2类： 1.是一整张大图，尺寸和区域大小刚好吻合 2.一个很小的条状图，通过repeat后，形成一个很规则的大图背景。 css3出现以后，可以用backgro... 阅读全文
posted @ 2017-08-21 10:58 xzzzys 阅读(2712) 评论(0) 推荐(0)
css左右箭头
摘要：.record-left{ content: ""; width: 0; height: 0; float: left; border-top: 10px solid transparent; border-right: 10px solid red; border-bottom: 10px sol 阅读全文
posted @ 2017-08-21 10:56 xzzzys 阅读(401) 评论(0) 推荐(0)