CSS3 transition动画的属性。 1、transition-property 设置过渡的属性，比如：width height background-color 2、transition-du...
网页制作CSS3 transition动画实例学习参考代码
阅读全文
网页制作 网页制作Css3新特性、优先级、常用属性及应用案例
CSS是层叠样式表（Cascading StyleSheet）。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。下面,传智播客将针对Css3的新...
网页制作Web前端培训：使用CSS3实现瀑布流效果
什么是瀑布流布局效果,比如电商网站：蘑菇街。 原理图： 在一个大盒子里，放置多个小盒子，小盒子的大小可以不一致，长短不一样，呈现一种瀑布流的效果。 使用CSS3S实现只需要如下4步: 1. 准备图片素...
CSS3 响应式布局–Media Queries媒体查询学习总结
CSS3 Media Queries ， CSS3媒体查询。使用 @media 查询，你可以针对不同的媒体类型定义不同的样式；也可以针对不同的屏幕尺寸设置不同的样式；当重置浏览器大小的过程中，页面也会...
网页制作PC网站改为自适应，没有你想像中的那么难
之前觉得实现网站自适应，要设计很多套CSS，并且要结合jQuery，来实现自适应不同的设备。我还以为要重新设计文章的图片，或者要用到JavaScript来控制图片尺寸，因为图片过大就会超出手机屏幕，而...
网页制作21种CSS Web 性能优化和加快网站速度的方法
CSS 必须通过一个相对复杂的管道，就像 HTML 和 JavaScript一样，浏览器必须从服务器下载文件，然后进行解析并将其应用于DOM。由于优化程度极高，这个过程通常非常快——对于不基于框架的小...
HTML5中的data-*属性解读
<div data-cname="张三" data-e-name="zhangsan" data-myName="my name is zs.">测试在元素上存储一个key-value&l...
网页制作CSS 水平与垂直居中的16个方法
一、水平居中 1.1 行内元素 .parent { text-align: center; } 复制代码 1.2 块级元素 1.2.1 块级元素一般居中方法 .son { margin: 0 auto...
网页制作HTML5 移动端屏幕自适应方案与踩坑
屏幕自适应方案 介绍方案之前，首先还是交代一下项目背景与需求，毕竟一切方案也不能脱离实际需求。 需求与背景 设备宽度 > 800px， body宽度为800px 320px < 设备宽度 ...
网页制作纯CSS实现表单验证，用到Level 4 选择器新属性：invalid
关于表单验证 在我们的日常业务中，表单验证是个很常见设计需求，像一些登录注册框，问卷调查也都需要用到表单验证。 一般我们的实现思路都是JS监听input框的输入内容，判断用户输入内容，从而以此来决定下...