![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML/CSS
t870235422
这个作者很懒,什么都没留下…
展开
-
移动端开发页面布局(3)
移动端开发页面布局-响应式布局1、 响应式布局定义2、 原理3、Bootstrap前端开发框架3.1 使用步骤3.2 栅格系统3.2.1列嵌套3.2.2 列偏移3.2.3 列排序3.2.4 响应式工具1、 响应式布局定义页面布局会随着屏幕大小变化而发生不同的响应,称为响应式布局。(1)不需要单独写移动端页面(2)根据不同设备发生变化2、 原理通过媒体查询针对不同宽度的设备进行布局和样式...原创 2019-12-04 22:12:35 · 181 阅读 · 0 评论 -
移动端开发页面布局(2)
移动端开发页面布局2、流式布局(百分比布局)2、流式布局(百分比布局)盒子宽度设置为百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充·*京东案例*...原创 2019-12-01 23:08:52 · 190 阅读 · 0 评论 -
移动端开发页面布局(1)
移动端开发页面布局1、导言1.1 手机调试方式1.2 视口1.3 二倍图1.4 背景大小`background-size`1.5 移动端开发选择1.6 盒子模型 `box-sizing`1.7 特殊设置1、导言1.1 手机调试方式(1)谷歌浏览器(2)本地web服务器(3)外网服务器1.2 视口(1)布局视口(2)视图视口(3)理想视口:手机端常用手动添加meta视口标签&...原创 2019-11-24 21:40:36 · 171 阅读 · 0 评论 -
Head First HTML与CSS(1)
Head First HTML与CSS1、认识HTML和CSS2、元素认识超文本链接元素< a>属性路径< html>、< head>、< title>、< body>这几个标签在写HTML时必不可少引用元素< q>、< blockquote>换行元素< br>有序列表< ol>、无序列表&...原创 2019-11-12 16:39:01 · 355 阅读 · 0 评论