发表于: 2019-10-23 17:23:37
3 982
今天完成的事
1 css背景的学习
2 自适应
3 浮动
4 html的代码 规范
5 css的代码规范
1.1 background背景的学习
属性有
background
background-color
background-image
background-position
background-repeat
background: 作用简写使用
background-color: 背景色 案例一
background-image: 背景图片 案例二
background-position: 背景图片定位 案例三
backgrouns-repeat: 背景图是否重复 案例四
2 自适应的学习
1 首先加入 这行代码 <meta name="viewport" content="width=device-width, initial-scale=1" />
大概意思就是 默认当前网页的宽度等于当前屏幕的宽度
2 使用相对长队单位
rem em % 等
3 注意默认是字体大小
html{font-size:62.5%}
4 上面的只是一些准备工作
自适应的核心是 css3 引入 不同的 Mwdia Query 模块 然后加载 相应的css文件
5 图片的自适应
img{width:100%}
3 浮动
前面学过就不写了 , float : left right clear 清楚浮动 none left right 清除 左边 右边
4 Html的代码规范
回家再写 师兄先不要 评论
评论