响应式Web设计
文章平均质量分 81
一点编程
闯练!!!
技术交流和开发欢迎交流!
展开
-
【响应式Web设计】读书笔记 - 媒体查询 - 2
【简介】CSS3 规范分成很多模块,媒体查询(3级)只是其中一个模块。利用媒体查询,可以根据设备的特性应用特定的CSS样式。比如,可以根据视口宽度、屏幕宽高比和朝向(水平还是垂直)等,只用几行CSS代码就改变内容的显示方式。原创 2017-04-25 20:02:13 · 367 阅读 · 0 评论 -
【响应式Web设计】读书笔记 - CSS(四) - 11
【简介】CSS3 过渡、CSS3 变形原创 2017-07-15 16:13:44 · 527 阅读 · 0 评论 -
【响应式Web设计】读书笔记 - CSS(三) - 10
【简介】文字阴影特效、盒阴影特效、线性渐变、径向渐变1. 文字阴影特效基本原创 2017-07-15 15:26:38 · 649 阅读 · 0 评论 -
【响应式Web设计】读书笔记 - CSS(二) - 9
【简介】CSS 结构化伪类、相对视口的长度单位。原创 2017-07-13 13:42:08 · 309 阅读 · 0 评论 -
【响应式Web设计】读书笔记 - 弹性布局与响应式图片(四) - 6
【简介】主要内容为流式布局中的对齐,主轴方向的对齐和交叉轴方向的对齐;交叉轴主要为 align-items 和 align-self 两个属性和 5 个属性值;主轴主要为 justify-content 属性 和 5 个属性值。原创 2017-06-20 09:26:33 · 664 阅读 · 0 评论 -
【响应式Web设计】读书笔记 - CSS(一) - 8
【简介】CSS 响应式多列布局、截断文本、CSS 属性选择符原创 2017-07-05 13:17:35 · 611 阅读 · 0 评论 -
【响应式Web设计】读书笔记 - 弹性布局与响应式图片(三) - 5
【简介】Flexbox 有4个关键特性:方向、对齐、次序和弹性。原创 2017-05-28 18:16:18 · 543 阅读 · 0 评论 -
【响应式Web设计】读书笔记 - 弹性布局与响应式图片(五) - 7
【简介】主要讲解了flex属性(包括flex-grow、flex-shrink、flex-basis),order属性的排序作用,以及两个综合性案例。原创 2017-06-27 18:06:10 · 886 阅读 · 0 评论 -
【响应式Web设计】读书笔记 - 弹性布局与响应式图片(二) - 4
【简介】Flexbox 的主要优点可以概括为:方便地垂直居中内容;改变元素的视觉次序,在盒子里自动插入空白以及对齐元素,自动对齐元素间的空白。原创 2017-05-28 14:25:51 · 460 阅读 · 0 评论 -
【响应式Web设计】读书笔记 - 弹性布局与响应式图片(一) - 3
【简介】一开始设计网页的时候,网站的宽度都以百分比形式定义。百分比布局使得网页宽度能够随着查看它们的屏幕窗口大小变化,即弹性布局。后来,又回到了固定宽度设计的风潮,因为固定宽度可以有「像素级精度设计」的网页。现如今,而为了能够做好固定宽度在不同屏幕中的自适应,出现了响应式设计。原创 2017-05-11 19:47:59 · 863 阅读 · 0 评论 -
【响应式Web设计】读书笔记 - 响应式Web设计基础(一) - 1
【简介】早期的网站都是固定宽度设计的,目标是让所有用户都拥有相同的体验。这种股东宽度(通常为 960 像素左右)对笔记本电脑来说不算太宽,拥有更大显示器的用户则会在这两侧看到很大的白边。同时,随着移动设备的普及,以及 27 英寸乃至 30 英寸的大屏幕显示器如今也成为了司空见惯的东西,这样一来,上网设备屏幕之间的差距也达到了前所未有之大。原创 2017-04-02 11:17:00 · 1054 阅读 · 0 评论 -
【响应式Web设计】读书笔记 - HTML5 表单(一) - 12
【简介】HTML5 表单元素、HTML5 的新输入类型原创 2017-07-15 20:23:25 · 604 阅读 · 0 评论