|
摘要：
一、颜色相关的样式 1.1 对rgb增添了alpha通道:R(红色)，G(绿色)，B(蓝色)，A(透明值0.0-1.0).box{ width:100px; height:400px; background-color:rgb(222,230,120); /*background-color:rgba(222,230,120,0.5);*/} 1.2 使用hsla颜色:H(色调),S(饱和度),L(亮度),A(透明度) 色调：0/360红色，120绿色，240蓝色，当取值大于360时，取除以360的余数 饱和度和亮度：0%-100%表示 透明度：0... 阅读全文
posted @ 2013-05-20 14:37 Amy-lover 阅读(296) 评论(0) 推荐(0) 编辑
摘要：
1.MediaQueries模块允许添加媒体查询表达式，用以指定媒体类型，然后根据媒体类型来选择应该使用的样式，即在不改变内容的情况下在样式中选择一种页面的布局以精确的适应不同的设备，从而改善用户体验2.@media 设备类型 and (设备特性) {样式代码}设备类型：设备类型的值对应的设备类型all所有设备screen电脑显示器print打印用纸或打印预览handhelp便携设备tv电视机类型的设备speech语音和音频合成器braille盲人用点字法触觉回馈设备embossed盲文打印机projection各种投影设备tty使用固定密度字母栅格的媒介，例如电传打字机和终端设备特性：特性可 阅读全文
posted @ 2013-05-20 11:31 Amy-lover 阅读(208) 评论(0) 推荐(0) 编辑
摘要：
一、使用多栏布局方式column-count 1.1 可以将一个元素中的内容分为多栏显示，并且确保各栏中内容的底部对齐，各栏的宽度都是相等的，栏与栏之间的宽度也是相等的，但是不能指定每栏分别显示什么，比较适合显示文章内容，但不适合安排网页中的各元素div#d01{ -moz-column-count:2; width:200px;/*这个宽度是该div内部多个栏的总宽度*/ background:#FCF; }<div id="d01"> <p>ds dsa da dad a dds</p> </div> 1.2 栏之间的间隔 阅读全文
posted @ 2013-05-20 08:34 Amy-lover 阅读(241) 评论(0) 推荐(0) 编辑 |
||
