布局篇,怎样再一个页面中展示多屏内容
摘要：//CSS代码<style> .wrapper{ width: 500px; height: 500px; border: 1px solid black; } .viewport div{ width: 500px; height: 500px; } .screen1{ background: r
阅读全文
posted @ 2019-11-25 11:03
11 2019 档案
实战01
摘要：padding值消除: 通过行消除padding值 可以在 container>row>122 每一列都有padding值 当想要改变响应式布局样式,自己用标签或者其它名字用于要更改的标签,不要再标签上更改, 注意权重标签和类 , 标签1 类权重 10 可以用! important 如果有图片的画,
阅读全文
posted @ 2019-11-24 19:15
列嵌套-bootstrap12-margin掉落
摘要：bootstrap 列嵌套,不能加margin值
阅读全文
posted @ 2019-11-24 18:36
Bootstrap布局容器
摘要：container/ container-fluid 响应式 就不加fluid
阅读全文
posted @ 2019-11-24 18:11
float浮动没学好
摘要：问题box-sizing 触发 结构 <div class="wrapper"> <!-- 头部--> <header class="clearfix"> <h2 class="fl">家电</h2> <span class="nav fr"> <a href="">热门</a> <a href="
阅读全文
posted @ 2019-11-24 16:21
关于http-server 调试 网页的问题
摘要：http-server 调试 页面
阅读全文
posted @ 2019-11-24 14:42
排序与偏移
摘要：flex-box order-1 , order-2 , order-x 偏移 从左到右 offset-数量
阅读全文
posted @ 2019-11-24 02:28
水平对齐
摘要：对其方式, 水平和垂直 justify-content-..., align-item-....
阅读全文
posted @ 2019-11-24 02:21
网格系统container rows 与 columns
摘要：课程追踪:网格系统
阅读全文
posted @ 2019-11-24 01:35
响应式布局
摘要：由于图片保存在本地计算机上,有怕格式化后图片会消失,只剩下文字描述,所以特意把图片放在博客园上,也请大家不要看了,毕竟你们没有笔记😄😄😄😄 结构展现 流式布局详细代码参考typora响应式布局篇
阅读全文
posted @ 2019-11-23 01:40
p18 响应式布局#1
摘要：重要内容处设置断点breakpoint CSS * { margin: 0; box-sizing: border-box; border: 0; padding: 0; font-weight: bold; } body { text-align: center; } .container { m
阅读全文
posted @ 2019-11-23 01:08
操作符 not 否定 p17
摘要：https://www.bilibili.com/video/av22414791?p=17
阅读全文
posted @ 2019-11-22 22:27
14-resolution
摘要：什么是像素 反转你的手机看看背后的摄像头，像素是构成数码影像的基本单元，通常以像素每英寸PPI(pixels per inch)为单位来表示影像分辨率的大小。因此，像素指的是摄像头的分辨率，像素越大，意味着光敏元件越多，相应的成本就越大。如同摄影的相片一样，数码影像也具有连续性的浓淡阶调，我们若把影
阅读全文
posted @ 2019-11-22 21:39
09-设备宽高比 aspect-ratio
摘要：device-aspect-ratio/aspect-ratio
阅读全文
posted @ 2019-11-22 16:25
media feature 媒体特性 9
摘要：@media (orientation:portrait){} // 使用方向-->垂直 @media(max-device-width:490px){.....}
阅读全文
posted @ 2019-11-22 08:32
06 media媒体查询
摘要：@media(max-width:...,){...} media="{.....}" href="....css" screen tv projection print media="{.....}" href="....css" link.....media="print"
阅读全文
posted @ 2019-11-22 08:29
resolution 像素密度
摘要：resolution物理尺寸屏幕所能显示像素数量 dpi --> dots per inch 不同手机dpi不同,像素几乎在升级这两年,像素越高显示越清晰,但css像素pixel 是相对的(在不同手机要不同调整)
阅读全文
posted @ 2019-11-22 08:24
手动配置viewport-04
摘要：viewport和手机尺寸980问题
https://www.bilibili.com/video/av22414791?p=4
web前端】Bootstrap之响应式网页设计
阅读全文
posted @ 2019-11-22 01:11
viewport
摘要：viewport, responsive web design,bootstap
来源:ninghao.net
阅读全文
posted @ 2019-11-21 23:41
v-bind动态绑定class -16
摘要：15 v-bind动态绑定class语法 以前css 绑定 <style> .app{ backgound:red; } </style> div.class="app" script new Vue({ el methods:{ //去管理class的添加删除 } }) P15 对象语法 v-bi
阅读全文
posted @ 2019-11-21 17:30
v-bind 动态绑定数据
摘要：div#app img :src="imgURL" new Vue({ el:'app', imgURL="请求资源地址,图片地址.....", ..... }) //先把地址放入vue里,由VM 管理,动态添加
阅读全文
posted @ 2019-11-21 08:24
插值操作 -13
摘要：v-once 该指令元素或组卷只渲染一次,不会随着数据的改变而改变 v-html 带网页标签内容可用这个 v-pre 网页只渲染一次 v-text 相对于Mustache 这东西会覆盖内容 v-block vue渲染可能存在延迟情况使用 setTimeout(function(){ new Vue
阅读全文
posted @ 2019-11-21 07:29
vue初体验-前10集
摘要：(新)2019Vue、Vuejs最详细教程-入门到项目实战
阅读全文
posted @ 2019-11-21 00:08
快速入门Vue.js-前10
摘要：1.vue基础
el挂载对象,data渲染数据
2.本地应用
通过vue开发网页效果,计数器练习
阅读全文
posted @ 2019-11-17 21:05
webapis笔记
摘要：结合markdown和xmind笔记: dom和bom是w3c指定的标准,主要用于操作页面元素,更改结构样式内容完成js做不了的事情,主要用于操作浏览器(WebAPIs) 有别于js,-->ECMA指定的,js只是一个房子的地基 获取页面元素篇 getElementById --> 注意获取为对象
阅读全文
posted @ 2019-11-17 16:55
浙公网安备 33010602011771号