摘要: 1、@font-face 描述 @font-face是CSS3中的一个模块,主要把自己定义的Web字体嵌入到你的网页中。2、@font-face 语法@font-face { font-family: ; src: [][, []]*; [font-weight: ... 阅读全文
posted @ 2015-05-12 17:22 libinxyz 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 1、rgba 描述 rgb:红r、绿g、蓝b rgba:红r、绿g、蓝b、透明度Alpha 取值: r、g、b值:正整数(0 ~ 255) | 百分数(0.0% ~ 100.0%);(超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。) a透明度值:取值0... 阅读全文
posted @ 2015-05-12 16:51 libinxyz 阅读(5964) 评论(0) 推荐(0) 编辑
摘要: 1、CSS3 -- 多背景 描述 CSS3的多背景,主要作用是给同一个元素设置多个背景图像,(即 在同一元素上可以设置除background-color外多个background的其它属性,因为一个元素只具备一个背景色)---(CSS3中,可以让同一个元素同时具有多个背景图像,并可以给多个背景图像... 阅读全文
posted @ 2015-05-12 16:07 libinxyz 阅读(981) 评论(0) 推荐(0) 编辑
摘要: 1、background-origin 语法、取值 CSS3属性background-origin,主要用来决定背景图片的定位原点,(即背景图片定位的起点 --- background-position的原点)。 background模型图(元素默认时的背景图像原点位置)元素Background... 阅读全文
posted @ 2015-05-12 14:56 libinxyz 阅读(1403) 评论(1) 推荐(0) 编辑
摘要: 1、background-clip 语法、取值 CSS3属性 backround-clip,主要用来确定背景的裁剪区域,(即如何控制元素背景显示区域)。background-clip : border-box || padding-box || content-box ==》border-box... 阅读全文
posted @ 2015-05-12 14:31 libinxyz 阅读(1871) 评论(0) 推荐(0) 编辑
摘要: 1、background 描述 CSS2中,background属性:可合写、可拆分写background: [][,][,][,][,] ==》background-color:red(颜色名)、#FF0000(二进制)、rgb(255, 0, 0)、rgb(100%, 0%, 0%)、hsl... 阅读全文
posted @ 2015-05-12 14:07 libinxyz 阅读(1510) 评论(0) 推荐(0) 编辑
摘要: 1、border-image 描述、语法 在CSS3之前,border只能简单的设置一些纯色或几种简单的线型(如solid,dotted,double,dashed等)。 在CSS3中,border-image实现了给边框设置不同的图片效果。border-image : none | [ |... 阅读全文
posted @ 2015-05-11 17:04 libinxyz 阅读(4415) 评论(0) 推荐(1) 编辑
摘要: 1、border-color 描述 border-color(边框颜色)在CSS2、CSS3中区别: ==》css2中,唯一色(即一个边框只有一种) 合写:border-color: /*其中可以上一个值,也可以是多个值;*/拆分写:border-top-color: border-r... 阅读全文
posted @ 2015-05-11 15:50 libinxyz 阅读(730) 评论(0) 推荐(0) 编辑
摘要: 1、盒模型(box model) CSS中box model分两种,一是W3C标准模型,二是IE的传统模型(IE怪异模式)。 两种模型都是对元素计算尺寸的模型,(具体说就是对元素的width,height,padding,border以及元素实际尺寸的计算关系)。===》W3C的标准Box Mo... 阅读全文
posted @ 2015-05-11 15:15 libinxyz 阅读(499) 评论(0) 推荐(0) 编辑
摘要: web页面常用记量单位:px、em、rem;任意浏览器的默认字体都是16px。所有未经调整的浏览器都符合: 16px = 1em = 1rem。==》在一个CSS选择器被写入时,浏览器就有了一个“16px”大小的默认渲染字体。此时我们Web页面中的就继承了这个“font-size:16px;”,除非... 阅读全文
posted @ 2015-05-08 17:37 libinxyz 阅读(1672) 评论(0) 推荐(0) 编辑