CSS教程第3页 - 网奇公司

CSS教程

0
顶一下

　　
　　传统来说，大家在CSS中使用的颜色要么是16进制格式（如#990000），要么是rgb格式（如rgb(171,205,239)）。CSS3带来了一些全新色彩表现和处理方法，比如使用HSL(Hue, Saturation, Light) 和opacity/alpha通道。但现在只有Firefox 3+, Chrome 1.0+ 和Safari 3+ 以及一些衍生的浏览器完全支持它们，据说IE浏览器要等到IE9才会开始支持一些CSS3属性。

日期：12:17 作者：豆豆

0
顶一下

网站制作用CSS3改变默认选中颜色

　　
　　首先，简单点的例子，网站制作可以设置整个页面文本选中的基本样式，如下：
::selection {

日期：12:16 作者：豆豆

0
顶一下

网站制作用CSS创建竖排文字的四种方法

　　
　　方法一：使用 ems（推荐做法）
网站制作当给父级元素指定 overflow: hidden 的时候，父元素就会扩展以包含浮动？这个方法就类似这个，关键是使用了 em，并给每个字母之间添加了空格。漂亮又整洁，对不对？并且，这种方法可以给你的文字指定任意的font-size，因为我们使用了em，它就相当于选择字体的x-height，给我们提供了更多的灵活性。但是，你是否又一次想起，有时一行中会有不止一个字母。可实际情况是，你可以安全使用这种方法，因为我已经指定了一个相当大的letter-spacing，以确保一行只会有一个字母。

日期：12:16 作者：豆豆

0
顶一下

网站制作中CSS的class和id使用原则

　　
　　网站制作用CSS来控制网页布局时我们可能都会遇到一个问题：当定义一个属性时，是使用id，还是使用class?下面请看看class和id的使用原则：

日期：12:15 作者：豆豆

0
顶一下

用CSS为图片添加五个效果

　　
　　1，双边框效果
这应该是目前网站制作最常见的技巧，我们通过以下方式创建说边框。

日期：12:16 作者：小美

0
顶一下

调正图片自动缩放代码

日期：12:16 作者：小美

0
顶一下

浏览器对CSS的匹配原理

　　
　　浏览器CSS匹配不是从左到右进行查找，而是从右到左进行查找。比如之前说的DIV#divBoxpspan.red{color:red;}，浏览器的查找顺序如下：先查找html中所有class=’red’的span元素，找到后，再查找其父辈元素中是否有p元素，再判断p的父元素中是否有id为divBox的div元素，如果都存在则CSS匹配上。浏览器从右到左进行查找的好处是为了尽早过滤掉一些无关的样式规则和元素。firefox称这种查找方式为keyselector(关键字查询)，所谓的关键字就是样式规则中最后(最右边)的规则，上面的key就是span.red。

日期：12:16 作者：小美

0
顶一下

IE9对CSS3属性的支持情况

IE9对CSS3属性的支持情况
.two_col{width:500px; margin:0; padding:0; overflow:hidden;} .two_col li{width:166px; padding:3px; color:#666; list-style-type:none; float:left;} CSS3属性 IE9支持情况之前版本IE支持情况 opacity None multiple backgrounds

日期：12:16 作者：豆豆

0
顶一下

正规网站制作CSS架构过程

　　
　　首先关于CSS文件，网站制作一般只使用一个文件，这无关于网站的大小，网站越大，某种意义上这种做法的优势与潜力就会体现的越明显。这种单CSS文件的做法适合于web2.0的网站。让网站单CSS谁都会，关键是为何可以使用单CSS文件，这个CSS文件不会很大吗，如果一个网站有400个页面，那么这个CSS文件岂不要数百K。非也，在网站页面风格一致，在web系统结构良好的情况下，CSS文件可以控制的非常小，而且高性能，同时页面扩展性也非常好。

日期：12:16 作者：豆豆