mangxxi的博客

原创 css3选择器

一、属性选择器1.E[att^=value]属性选择器E[att^=value]属性选择器是指选择名称为E的标记，且该标记定义了att属性，att属性值包含前缀为value的子字符串。需要注意的是E是可以省略的，如果省略则表示可以匹配满足条件的任意元素。2.E[att=value]属性选择器E[att=value]属性选择器E[att=value]属性选择器E[att=value]属性选择器是指选择名称为E的标记，且该标记定义了att属性，att属性值包含后缀为value的子字符串。与E[att^=

原创 弹性盒子

弹性盒模型是CSS3规范中提出的一种新的布局方式。弹性盒模型的目的是提供一种更加高效、简洁的方式来对容器中的元素进行布局、对齐和分配富余空间，即使它们的大小是未知或者动态变化的。利用弹性盒模型的新特性可以让我们告别元素浮动、定位，完美实现元素的垂直水平居中。由于弹性盒模型是在2009年提出的，目前它已经得到了所有标准浏览器的支持，所以我们可以尝试一下这种新的布局方式。下面，笔者将详细解读一下弹性盒模型(此处指新版弹性盒模型——display: flex;)。值得我们注意的是：Flexbox是布局模块，而

原创 响应式web设计

响应式web设计理念：基于流动布局、弹性图片、弹性表格、弹性视频和媒体查询等技术组合。使用百分比布局创建流动的弹性界面，同时利用媒体查询来限制元素的动态范围。视口有两种：1.可见视口（即设备大小→屏幕分辨率）2.视窗视口（网页宽度→网页制作的原始大小）例如：打开一个网页，设备屏幕是414px的宽度，在浏览器中，414px的屏幕宽度能够展示1200px宽度的内容。那么414px就是可见视口宽度，1200px就是视窗视口宽度。user-scalable=no:用于设置用户是否可以缩放，默认为yes

原创 表单

原创 传智

原创 过渡与变换

原创 html5元素归纳

一，结构元素1，header用来表示一些前言性质或导航类的内容。它通常包含所有放在页面头部的内容，也可以放置一些比如logo，搜索框，或其它的元素等。如：a logo2，nav用于定义导航链接，可将具有导航性质的链接归纳在一个区域中如：HomePreviousNext3，article代表文档、页面、应用程序中独立的完整的被外部引用的内容区域。它可以是博客中的文章、帖子...