
移动Web开发
文章平均质量分 66
HHppGo
为了守护我所珍爱之人,星光不问赶路人,时光不负有心人。永远相信一分耕耘一分收获!一万年太久,只争朝夕!专注+坚持+勤奋==成功!
展开
-
响应式移动Web测试题
下列选项中对bootstrap中的能让元素只在小屏设备隐藏的类是( B )A: hidden-xsB: hidden-smC: hidden-mdD: hidden-lg下列选项中能清除父容器左右15px内边距的类是( D )A: containerB: col-md-1C: container-fluidD: row下列关于bootstrap的使用描述错误的是( C )A: Bootstrap下载的包里面有css,js,font文件夹B: 这个是针对低版本ie浏...原创 2022-06-30 08:55:34 · 778 阅读 · 0 评论 -
BootStrap框架
bootstrap框架可以快速开发响应式网页原创 2022-06-29 18:55:20 · 157 阅读 · 0 评论 -
响应式——媒体查询
媒体查询-书写顺序媒体查询-link引入one.css是关于>=992px的样式two.css是关于>=1200px的样式原创 2022-06-29 13:04:11 · 415 阅读 · 0 评论 -
移动适配:vw/vh
相对单位相对计算结果vw单位尺寸vh单位尺寸原创 2022-06-29 10:01:26 · 375 阅读 · 2 评论 -
前端实训DAY-5——移动适配:less
在文件中,可以书写css语法,文件保存后,自动生成对应的文件css代码:-运算:css代码:-嵌套:css代码:-变量:css代码:-导入:css代码:-导出:原创 2022-06-28 21:00:18 · 233 阅读 · 0 评论 -
前端实训DAY-5——移动适配:rem
移动适配:rem单位换算成单位css代码:flexible.js基本使用原创 2022-06-28 18:29:21 · 550 阅读 · 2 评论 -
Vscode如何设置代码保存后自动格式化
vscode设置代码保存后自动格式化原创 2022-06-26 21:45:51 · 34744 阅读 · 8 评论 -
Vscode如何设置自动保存代码
vscode设置代码自动保存原创 2022-06-26 19:25:33 · 4407 阅读 · 0 评论 -
移动Web实训-关于移动端适配less,rem和vw,vh测试题2
如下代码中, a标签的2rem等同于( B )A: 20pxB: 30pxC: 40pxD: 以上都不对less的嵌套中遇到伪类hover怎么处理合适( C )A: a{}a:hover{}B: a{:hover{}}C: a{&:hover{}}D: a{a:hover{}}书写一个less的变量正确的是(C )A: $width:100pxB: width=100pxC: @width:100pxD: width@=100px下列关于less的描述错误的是(D )A: 常见的CSS原创 2022-06-26 17:39:42 · 300 阅读 · 0 评论 -
弹性盒子自动换行小Demo
弹性盒子自动换行Demo原创 2022-06-23 19:52:11 · 803 阅读 · 0 评论 -
html语法——敲代码快捷方式
2.使用“”生成兄弟元素3.使用“”生成父元素4.使用“”生成多个相同元素5.使用“”将元素分组属性操作1.与:元素与 属性值之间用 “” 分隔,与 属性值之间用 “” 分隔// 输入// 按下TAB键// 输入// 按下TAB键// 输入// 按下TAB键可在 “” 后添加 “” 修改编号的起始值为。// 输入// 按下TAB键可在 “” 后添加 “” 修改编号的方向。// 输入// 按下TAB键// 输入// 按下TAB键...原创 2022-06-23 18:56:38 · 1581 阅读 · 0 评论 -
align-items 与 align-content 的区别
align-items和align-content的区别原创 2022-06-22 22:49:08 · 7622 阅读 · 4 评论 -
VSCode 快捷键
VsCode可以通过以下快捷键 格式化代码:On Windows ( 巨好用!有木有!QAQ)On Mac Shift + Option + F1、向上/向下移动代码行2、向上/向下复制一行代码3、选定多个相同的单词4、全局替换5、快速定位到某一行6、放大缩小整个编辑器界面7、添加多个光标8、选择某个区块9、选中行10、光标定位到单词首/单词尾11、选中单词12、光标定位到行首/行未13、重命名变量14、跳转到错误和警告处一个比较有趣的快捷键是,我们可以通过Ctrl + Shift + M打开转载 2022-06-22 22:03:24 · 8490 阅读 · 0 评论 -
移动Web实训-flex布局测试题1
下列选项中对视口属性的作用描述不正确的是( D )A: width=device-width:设置视口的宽度和当前设备的宽度一致B: maximum-scale=1.0:允许用户缩放的最大比例为1.0C: initial-scale=1.0:设置视口的默认缩放比例为1.0D: user-scalable=yes:不允许用户自行缩放解析:关于flex布局主轴描述错误的是( D )A: flex布局默认的主轴是X轴B: flex-direction取值为row,可以将主轴设置为X轴C: flex-dire原创 2022-06-22 21:52:19 · 1817 阅读 · 0 评论 -
flex布局中的align-content属性
align-content属性起作用的条件是:1.对父元素设置自由盒属性:display:flex.......; align-content:可以取的值有 flex-start, flex-end,center,space-around,stretch原创 2022-06-22 21:41:45 · 2907 阅读 · 4 评论 -
移动Web实训DAY-2
3.3 侧轴对齐方式:3.4 伸缩比原创 2022-06-22 14:21:12 · 126 阅读 · 0 评论 -
移动Web实训DAY-1
即像素格数为什么要了解设备分辨率?屏幕尺寸:屏幕分辨率:概念:开发中,网页的宽度需要跟设备的逻辑像素宽度一致,如何实现?1.5 二倍图设计师为什么要设计二倍图?前端开发者,写代码参照哪个分辨率?效果:宽度自适应,高度固定宽度使用百分比的方式自适应3. Flex布局3.1 组成部分..................原创 2022-06-22 13:58:20 · 354 阅读 · 0 评论