摘要：
学习目标 能够使用rem单位 能够使用媒体查询的基本语法 能够使用Less的基本语法 能够使用Less中的嵌套 能够使用Less中的运算 能够使用2种rem适配方案 能够独立完成苏宁移动端首页 解决方案 1.页面布局文字能否随着屏幕大小变化而变化? 2.流式布局和flex布局主要针对于宽度布局,那高 阅读全文
posted @ 2020-10-14 12:04
晨光曦微
阅读(549)
评论(0)
推荐(0)
摘要：
flex布局原理 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 1.布局原理 flex是flexible Box的缩写,意为"弹性布局" ,用来为盒状模型提供最大的灵活性,任何-个容器都可以指定为flex布局。 当我们为父盒子设为 阅读全文
posted @ 2020-10-13 11:55
晨光曦微
阅读(238)
评论(0)
推荐(0)
该文被密码保护。 阅读全文
posted @ 2020-10-12 16:36
晨光曦微
阅读(0)
评论(0)
推荐(0)
该文被密码保护。 阅读全文
posted @ 2020-10-12 16:35
晨光曦微
阅读(0)
评论(0)
推荐(0)
该文被密码保护。 阅读全文
posted @ 2020-10-12 16:33
晨光曦微
阅读(0)
评论(0)
推荐(0)
该文被密码保护。 阅读全文
posted @ 2020-10-12 16:32
晨光曦微
阅读(0)
评论(0)
推荐(0)
摘要：
width:calc(100%-50px); width:calc(100px/5); 加减乘除都可进行 阅读全文
posted @ 2020-09-26 15:13
晨光曦微
阅读(365)
评论(0)
推荐(0)
摘要：
一、属性选择器 <style> /*1.属性选择器：用中括号选择含有value属性的input元素*/ input[value]{ color: blue; } /*2.属性选择器：用中括号选择含有value属性值为password的input元素*/ input[type=password]{ c 阅读全文
posted @ 2020-09-24 17:49
晨光曦微
阅读(208)
评论(0)
推荐(0)
摘要：
文档：https://www.runoob.com/html/html5-form-input-types.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conten 阅读全文
posted @ 2020-09-24 16:11
晨光曦微
阅读(257)
评论(0)
推荐(0)
摘要：
<style> /*原理：第一步*/ .box1{ width: 0; height: 0; border-top: 50px solid green; border-right: 50px solid red; border-bottom: 0px solid yellow; /*1.底边去除就变 阅读全文
posted @ 2020-09-24 11:51
晨光曦微
阅读(1690)
评论(0)
推荐(0)
浙公网安备 33010602011771号