发表于: 2018-10-20 18:57:06
2 618
今天学到的东西
1 background详解
2 flex 布局
3 html代码规范
4 css代码规范
一。
background-color 背景颜色
background-imgage 背景图片
url 路径 none 不显示背景图
background-repeat 如何重复背景图片
repeat 默认垂直水平重复 repeat-x 在周重复 no-repeat 不重复
backgrpind-position 背景图像起始位置
位置描述词 x y
单位 right top
像素 100px 100px
百分比 20% 20%
background-size:背景尺寸设置 宽 高
cover 把图片扩展足够大
contain 把图片放置 最大 适应宽高位置
背景简写
background: 颜色 图片 重复方式 attachment 起始位置
background: red url(。。) no-reprat center center
二、
flex布局 display:flex
容器属性
flex-direction 项目排列方向
row 水平 左到右 row-revese 水平右到左
column 垂直上到下 column-revese
justify-content设置 主奏对齐方式
flex-end 结束位置对齐
flex-star 开始位置对齐
center 中间对齐
align-sitme y周对齐方式
flex-star 开始位置
flex-end 结束位置
center 中间位置
项目属性
align-self
flex-star 开始位置对齐
flex-end 结束位置
center 中间
三。
html 代码规范
1 class 命名 字母全小写 单词之间 - 分隔
2 标签名字 必须小写
3 不许多家 自闭合
4 不允许省闭合标签
5 必须符合嵌套规则
6 使用button元素标签时 必须声明type属性
四。
css 代码规范
1 选择器 和 { } 之间使用空格
2 多选选择器时 分行开
3 选择器中的值 必须 双引号 引起来、
4 属性定义必须另起一行
5 属性定以后 必须 ; 号结尾
6 选择器的嵌套级不大于3级
7 长度为0 时 可省单位值
8 颜色值不允许使用命名值、
9 在windows 文字字体要至少大于12px
明天计划的事情
把 任务五完成
评论