My白开水 - 博客园

7月26号=》276页-285页

摘要： 13.1.1 运行JavaScript 前面已经介绍了JavaScript通常嵌在互联网页中执行，在HTML页面中嵌入执行JavaScript代码有两种方式。使用javascript:前缀构建执行JavaScript代码的URL。使用13.1.2 导入J... 阅读全文

posted @ 2014-07-27 14:07 My白开水阅读(321) 评论(0) 推荐(0)

摘要： 12.3 CSS3提供的Animation动画 CSS3提供了强大的Tween动画支持：Animation动画，这种动画允许开发者定义多个关键帧，浏览器将会负责计算、插入关键帧之间的虚拟动画帧。 CSS3为Animation动画提供了如下几个属性。 animation... 阅读全文

posted @ 2014-07-27 13:07 My白开水阅读(108) 评论(0) 推荐(0)

摘要： 12.2 CSS3提供的Transition动画 CSS3提供了Transition动画支持，Transition动画可以控制HTML组件的某个属性发生改变时会经历一段时间、以平滑渐变的方式发生改变，这就产生了动画效果。 Transition动画通过transition属性... 阅读全文

posted @ 2014-07-24 19:52 My白开水阅读(138) 评论(0) 推荐(0)

摘要： 12.1 CSS3提供的变形支持 CSS3提供的变形支持可以对HTML组件进行常见的几何变换，包括旋转、缩放、倾斜、位移 4中变换，也可以使用变换矩阵进行变形。 CSS3为变形支持提供了如下两个属性值。 transform：该属性用于设置变形。该属性支持一个或多个变形函... 阅读全文

posted @ 2014-07-23 21:00 My白开水阅读(95) 评论(0) 推荐(0)

摘要： 11.4.2 针对浏览器宽度调整布局下面定义CSS实现页面在浏览器中显示默认样式、页面宽度大于1000px的浏览器中显示的样式，在页面宽度小于480px的浏览器中显示的样式。代码示范： //设置默的样式 xxdefaultCSS{ 默认页面... 阅读全文

posted @ 2014-07-22 22:12 My白开水阅读(114) 评论(0) 推荐(0)

摘要： 11.3 控制光标的属性通过CSS的cursor属性可以改变光标在目标组件上的形状。该属性支持如下属性值。 all-scroll：代表十字箭头光标。 col-resize：代表水平拖动线光标。 crosshair：代表十字线光标。 move：代表移动... 阅读全文

posted @ 2014-07-21 20:32 My白开水阅读(121) 评论(0) 推荐(0)

摘要： 10.4.2 使用box盒模型实现多栏布局与通过float、inline-box方式实现的多栏布局相比，使用box属性值来实现多栏布局可以让多个栏目的底部对齐。代码示范： //为元素设置display属性为box样式 #container{ ... 阅读全文

posted @ 2014-07-20 15:47 My白开水阅读(237) 评论(0) 推荐(0)

摘要： 10.2.5 表格相关的盒模型 CSS3还为display提供了如下属性值。 table:将目标HTMl组件显示为表格。 table-caption:将目标HTML组件显示为表格标题。 table-cell:将目标HTML组件显示为单元格。 table-column:... 阅读全文

posted @ 2014-07-20 15:30 My白开水阅读(188) 评论(0) 推荐(0)

摘要： 10.2 盒模型和display属性 10.2.1 两种最基本的盒模型 block类型：这种盒模型的组件默认占据一行，允许通过CSS设置宽度、高度、例如、元素。 inline类型：这种盒模型的组件不会占据一行（默认允许在一行放置多个组件），即使通过CSS设置宽度、 ... 阅读全文

posted @ 2014-07-20 14:32 My白开水阅读(152) 评论(0) 推荐(0)

摘要： 10.1.1 通过float属性实现多栏布局通过使用float属性，可以非常方便地基于元素来设置导航菜单、多栏布局等效果。代码示范： //为div元素设置左浮动，如果多个div元素的总宽度未超过父元素的宽度则在一行显示多个div div{ ... 阅读全文

posted @ 2014-07-17 20:34 My白开水阅读(107) 评论(0) 推荐(0)