css基础 - 随笔分类 - 北冥鱼鱼鱼

css3新特性@media(媒体查询)

摘要：现在web页面运行的设备的屏幕从pc端到pad，从pad到手机，各种各样，这样就用到了现在经常用到的响应式页面，为实现响应式页面开发，就用到一个非常有用的css3属性media（媒体查询）。介绍：媒体查询属性可以帮助前端开发人员根据屏幕的大小改变dom元素的css属性，从而做到响应式开发。浏览器阅读全文

posted @ 2016-09-05 16:37 北冥鱼鱼鱼阅读(811) 评论(0) 推荐(0)

css3新特性@rgba

摘要：1.rgba也经常在实际应用中使用，它主要是在原来rgb的基础上添加了一透明度。但是他又和opacity又有一些差别，主要体现在对子元素的透明度的影响上。例如：使用opacity和background属性设置元素的背景色和透明度，其子元素的透明度跟着父元素一起变化。但是rgba（）对子元素的透明阅读全文

posted @ 2016-08-24 14:22 北冥鱼鱼鱼阅读(234) 评论(0) 推荐(0)

css3的背景颜色渐变@线性渐变

摘要：背景颜色渐变之线性渐变语法形式： firefox浏览器 background：-moz-linear-gradient(position/deg，startColor，endColor); opera浏览器 background: -o-linear-gradient(position/deg,s 阅读全文

posted @ 2016-08-24 11:40 北冥鱼鱼鱼阅读(1080) 评论(0) 推荐(0)

css3浏览器前缀 -mos/-webkit/-o/-ms

摘要：1.css3浏览器前缀的意思 -moz为firefox的前缀； -webkit为safari和chrome的前缀； -o为opera浏览器的前缀； -ms为ie浏览器的前缀； 2.常见的需要使用浏览器前缀的css属性阅读全文

posted @ 2016-08-24 09:46 北冥鱼鱼鱼阅读(996) 评论(0) 推荐(0)

css3新属性@ text-shadow

摘要：text-shodow是css3的新属性，可以利用这个属性使字体更有立体感，还可以创造有趣的效果。 1.语法形式：text-shadow : x-offset（x轴偏移量） y-offset（y轴偏移量） stroke（阴影的线条宽度） color（阴影颜色）; 2效果演示： 1）text-shad 阅读全文

posted @ 2016-08-18 18:03 北冥鱼鱼鱼阅读(285) 评论(0) 推荐(0)

margin设置为百分比的含义

摘要：<!DOCTYPE html> <html> <head> <title>magin为百分比</title> </head> <style type="text/css"> div{ margin:10% 5%; } </style> <body> <div> <p>div</p> </div> < 阅读全文

posted @ 2016-02-29 14:52 北冥鱼鱼鱼阅读(1183) 评论(0) 推荐(0)

圣杯布局

摘要：先看看效果（1）左边固定宽度，右边自适应 <!DOCTYPE html> <html> <head> <title>shengbei</title> <meta charset="utf-8" /> <style type="text/css"> *{ margin:0px; padding: 0p 阅读全文

posted @ 2016-02-29 14:18 北冥鱼鱼鱼阅读(210) 评论(0) 推荐(0)

css hack

摘要：参考http://www.cnblogs.com/dolphinX/p/3292630.html 阅读全文

posted @ 2016-01-26 22:40 北冥鱼鱼鱼阅读(160) 评论(0) 推荐(0)

随笔分类 - css基础