
CSS3
梁吉林
最好的代码是简洁易维护的代码。
展开
-
CSS3第一日--属性选择器与伪类选择器
属性选择器在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。 CSS3新增了3个新的属性选择器,分别是:1、E[attr^="value"]:指定元素中的属性名,并且这个属性名有属性值存在,且这个属性值是以"value"开头; 2、E[attr$="value"]:指定元素中的属性名,并且这个属性名有属性值存在,且这个属性值是以"value"结尾; 3、E[attr*="value"]原创 2015-12-30 17:22:22 · 1808 阅读 · 0 评论 -
CSS3第二日--圆角边框
CSS3中新增了border-radius属性,可以用来直接绘制圆角边框。 border-radius属性可以指定一个参数或两个参数,当指定一个参数的时候,4个角全都使用这个参数做为圆角的半径来绘制;当指定两个参数的时候,第一个参数影响左上角和右下角,第二个参数影响右上角和左下角。 在示例1中分别展示了border-radius一个参数和两个参数时的绘制结果。 示例1<!DOCTYPE htm原创 2016-01-06 11:33:11 · 516 阅读 · 0 评论 -
CSS3第二日--2D转换
CSS3提供了2D转换功能,能够对元素进行移动、缩放和转动等功能。 2D转换的属性名为transform,使用方法为transform:method(value)。 2D转换方法有translate、scale、rotate、skew、matrix,还有基于这些分支出的translateX、scaleY等。 从translate开始,逐个进行介绍。translate(x,y)translate原创 2016-01-06 16:57:25 · 1023 阅读 · 0 评论 -
CSS3第三日--动画
CSS3支持动画创建,动画的意思就是从一个CSS样式变为另一个CSS样式。 动画由@keyframes创建,但要使用动画,就需要事先将它通过animation绑定到某个选择器上,否则动画效果不会生效。选择器必须至少指定两项,即动画的名称和动画的时长。 动画发生的时间可以用百分比来表示,也可以用from和to来表示,from和to分别表示0%与100%,发生的时间在动画中是必须指定的。 动画几近原创 2016-01-07 11:11:26 · 338 阅读 · 0 评论 -
CSS格式化文字排版
对文字排版都有哪些操作?常用word的人肯定能够随口道来:字体、字号、颜色、缩进、对齐、行高、下划线等等。没错,这些都是在文字排版中比较常用的项。同样也用于网页页面的文字排版中。字体为网页中的文字设置字体,要注意选用常用的字体,最好是系统中默认安装的字体,这样可以有最好的兼容性。body{font-family:"Microsoft Yahei";} body{font-family:"微软雅黑";原创 2016-03-03 10:40:18 · 2498 阅读 · 0 评论 -
CSS布局模型
CSS的布局模型分为3种,分别是流动模型(Flow)、浮动模型(Float)和层模型(Layer)。流动模型流动模型(Flow)是默认的布局模型,在不进行指定的情况下,浏览器都是以流动布局模型来处理HTML内容。 流动模型中的块元素(Block)都是按照在父元素内的自上而下的垂直顺序分布。流动模型中的块元素的宽度在不进行指定时,是与它的父元素等宽的。 流动模型中的内联元素(Inline)都是按照原创 2016-03-03 19:43:26 · 380 阅读 · 0 评论