css3中transform 2d转换

css3中transform 2d转换

transform 2d 样式:rotate、skew、scale、translatetransform-origintransform的执行顺序
浏览:442 分类:HTML5/CSS3 标签: transform css3
渐进增强和优雅降级含义及区别

渐进增强和优雅降级含义及区别

        渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3,但是 CSS3 特效太优秀不忍放弃,所以在高级浏览器中使用CSS3,而在低级浏览器只保证最基本的功能。二者的目的都是关注不同浏览器下的不同体验,但是它们侧重点不同,所以导致了工作流程上的不同。        渐进增强的例子.transition {/*渐进增强写法*/
浏览:530 分类:前端干货 标签: 渐进增强 优雅降级 css3
css3响应式布局

css3响应式布局

        响应式布局        一个网站能够兼容多个终端,并且在各个终端都可以很好展示体验。        媒体类型        在何种设备或者软件上将页面打开all:所有媒体braille:盲文触觉设备embossed:盲文打印机print:手持设备projection:打印机预览screen:彩屏设备speech:'听觉'类似的媒体类型tty
浏览:516 分类:CSS3 标签: 响应式 css3 media 媒体查询
弹性盒模型-box/flex

弹性盒模型-box/flex

        1、注意在使用弹性盒模型的时候,父元素必须要加上 display:box 或者 display:inline-box。flex:display:flex; /*新版弹性盒模型 */box:display:-webkit-box;/* 老版弹性盒模型 */        新/旧版弹性盒模型布局<!DOCTYPE html><html>    <head>  
浏览:507 分类:CSS3 标签: box css3 flex
怪异盒子模型:css3 box-sizing布局

怪异盒子模型:css3 box-sizing布局

        盒子模型        关于CSS重要的一个概念就是CSS盒子模型。它控制着页面这些元素的高度和宽度。盒子模型多少会让人产生一些困惑,尤其当涉及到高度和宽度计算的时候。真正盒子的宽度(在页面呈现出来的宽度)和高度,需要加上一些其它的属性,例如:padding + border + width= 盒子的宽度padding+ border + height =
浏览:570 分类:CSS3 标签: box-sizing css3
css3实现超出指定文本以省略号显示效果

css3实现超出指定文本以省略号显示效果

css3实现超出指定文本以省略号显示效果:一种是单行显示省略号;另一种是自己可以控制几行,最后一行末尾才显示省略号。css样式.text01 {width:200px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text
浏览:583 分类:特效/功能 标签: css3 省略号
《HTML5与CSS3实战指南》pdf下载

《HTML5与CSS3实战指南》pdf下载

        《HTML5与CSS3实战指南》主要介绍HTML5和CSS3的新功能,内容系统全面,易于理解。《HTML5与CSS3实战指南》由11章和3个附录组成,内容包括HTML5和CSS3简介、HTML5标记、HTML5语义、HTML5表单、HTML5音频和视频、CSS3渐变和多背景、CSS转换和过渡、嵌入字体和多列布局、地理定位、离线Web应用和Web存储、画布、SVG
浏览:625 分类:前端书籍 标签: html5 css3
《DIV+CSS 3.0网页布局案例精粹》PDF下载

《DIV+CSS 3.0网页布局案例精粹》PDF下载

        《DIV+CSS 3.0网页布局案例精粹》系统地介绍了CSS样式的基础理论和实际应用技术,并结合实例来介绍使用Div+CSS布局制作网页的方法和技巧。在介绍使用CSS样式进行设计的同时,还结合实际网页制作中可能遇到的问题,提供了解决问题的思路、方法和技巧,使初学者可以轻松地掌握Div+CSS布局的方式,制作出精美的网页。 本书全面展现了使用Div+CSS进行网
浏览:656 分类:前端书籍 标签: css3 div
flexbox布局的正确使用姿势

flexbox布局的正确使用姿势

flex-direction:row-reverse vs box-orient:horizontal;box-direction:reverse        在项目中,我们还会
浏览:575 分类:移动开发 标签: flexbox css3
《CSS3实战》pdf下载

《CSS3实战》pdf下载

        全书一共分为9章,首先从宏观上介绍了CSS 3技术的最新发展现状、新特性,以及现有的主流浏览器对这些新特性的支持情况;然后详细讲解了CSS 3的选择器、文本特性、颜
浏览:507 分类:前端书籍 标签: css3
flexbox布局之项目属性设置

flexbox布局之项目属性设置

            项目下的属性介绍           1、order:order属性定义项目的排列顺序;数值越小,排列越靠前,默认为0。            <!DO
浏览:693 分类:CSS3 标签: flexbox flex css3
flexbox布局之父容器属性设置

flexbox布局之父容器属性设置

        父容器下的属性介绍        1、display : flex        2、flex-direction:决定主轴的方向            ro
浏览:658 分类:CSS3 标签: flexbox flex css3

邮箱快速注册

忘记密码