css_蓝戒的博客_Page 2
您当前位置 :
蓝戒的博客 » 所有属于 "css" 分类的文章
Jun 08 2015
使用“appearance”属性，可以改变任何元素的浏览器默认风格，简单的说，你可以使用“appearance”属性将“段落p”渲染成button的风格，也可以渲染成“输入框”、“选择框”等效果。
大家都知道每个浏览器对HTML元素渲染都不一样，比如说“button”，在chrome和ff中，渲染出来的效果都是不尽相同的。这样一来就有了今天这个思路，利用浏览器的对元素的默认渲染风格，我们可以使用“appearance”属性对任何... 阅读全文
作者：cywcd | 分类：
css | 阅读： 4,761 次 |
May 04 2015
最近做移动端页面，优化UI的时候发现，苹果手机浏览页面中设置的css伪类：active失效。查找资料发现要让css active伪类生效，只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。
:active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点<a href="#">这种情况，一般主流浏览器下也支持其他元素。在多按键的鼠标系统中，：active只适用于主... 阅读全文
Apr 04 2015
inline|block|inline-block整体上的区别
1、在概念上说：inline和block完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满；inline-block为内联块元素，既可以不产生换行，还保留块元素宽高和边距的属性。
2、布局级别上说... 阅读全文
Apr 03 2015
清除浮动
清除浮动是web前端工程师的必修课，下面就清除浮动的方法进行归纳整理及优缺点分析
方法一：DIV闭合处，加<div class=”clear”></div> (.clear{clear:both})
代码如下：
<div class=”div1″>
<div class=”left”>我是左浮动</div>
<div class=”right”>我是右浮动</div>
<div class=”clear”></div>
</div>
<div clas... 阅读全文
作者：cywcd | 分类：
css ,
网页兼容性 | 阅读： 4,370 次 |
Feb 09 2015
页面制作中大渐变背景色切图非常影响页面打开速度，下面给出解决渐变背景色css解决方案供参考
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#fcf8f3);
background: -ms-linear-gradient(top, #ffffff, #fcf8f3);
background: -moz-linear-gradient(top, #ffffff,#fcf8f3);
background: -webkit-gradient(linear, 0% 0%, 0% 100%,... 阅读全文
作者：cywcd | 分类：
css | 阅读： 5,046 次 |
Nov 11 2014
Unicode给每个字符提供了一个唯一的数字，不论是什么平台，不论是什么程序，不论是什么语言。它真正实现了全球电脑系统的United，作为一个标准，它已经成为全球软件技术最重要的发展趋势。
为什么要把中文转换为Unicode
在互联网高速发展的今天，Unicode担当更重要的角色, 它比传统的字符编码更节省费用，使软件或者网站能够运用于不同的系统平台、语言和国家，而不需要重建，同时也保证了... 阅读全文
作者：cywcd | 分类：
css | 阅读： 4,286 次 |
Mar 12 2014
用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。
不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari：
IE: filter:alpha(opacity)
Mozilla: -moz-opacity
Safari: -khtml-opacity
很不幸的是，你没看见Opera，老版本的Opera并没有什么私有属性可以代替opacity。（新版Opera已经支持opacity）
所以以前用CSS设定一个元素半透明... 阅读全文
Feb 16 2014
本文介绍 8 个 CSS 预处理器，用以提升你的 CSS 开发速度。
Less CSS
Less CSS 是一个使用广泛的 CSS 预处理器，通过简单的语法和变量对 CSS 进行扩展，可减少很多 CSS 的代码量。
less
Get it: http://www.oschina.net/p/lesscss
Sass
Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。
Sass
Get it: http://www.osc... 阅读全文
Nov 11 2013
纯css背景颜色渐变css写法：
[codesyntax lang="php"]
.boxbg{ width:100%; height:auto; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#AC5F45,endColorStr=#612014);
background: -ms-linear-gradient(top, #AC5F45, #612014);
background: -moz-linear-gradient(top, #AC5F45,#612014);
background: -webkit-gradient(line... 阅读全文
Apr 24 2013
浏览器滚动条样式属性
．overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
2．scrollbar-3d-light-color立体滚动条亮边的颜色
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-base-color滚动条的基本颜色
scrollbar-dark-shadow-col... 阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
使用“appearance”属性，可以改变任何元素的浏览器默认风格，简单的说，你可以使用“appearance”属性将“段落p”渲染成button的风格，也可以渲染成“输入框”、“选择框”等效果。 大家都知道每个浏览器对HTML元素渲染都不一样，比如说“button”，在chrome和ff中，渲染出来的效果都是不尽相同的。这样一来就有了今天这个思路，利用浏览器的对元素的默认渲染风格，我们可以使用“appearance”属性对任何...阅读全文作者：cywcd | 分类：css | 阅读： 4,761 次 |抢沙发
最近做移动端页面，优化UI的时候发现，苹果手机浏览页面中设置的css伪类：active失效。查找资料发现要让css active伪类生效，只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。 :active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点<a href="#">这种情况，一般主流浏览器下也支持其他元素。在多按键的鼠标系统中，：active只适用于主...阅读全文