这五天学习的内容有点多 需要实践理解 记得比较散 看到什么 想到什么就记录一下
免得遗忘
vertical-align 行盒的对齐方式 有三种 baseline top bottom 注意是行盒 在实际运用中 我在img 与文字对齐
的时候用到过 还是很方便 文字和img 就显示在一行 没有落差
float 可以形成 文字环绕的效果 浮动了的元素会自动 挤开文字
倾斜字体 font-style:italic 可以设置文本倾斜 一般会使用标签 i 来代替这个css属性
letter-spacing 字间距 没怎么用过 需要的时候就别写nbsp了
首行缩进 text-indent: 行盒和块盒的有所区别
::first-letter 可选中元素的第一个文字 可以形成 文字下沉的效果
::first-line 选中第一行
修饰选中文字::selection 可选中被用户框选的文字
font-family 修改字体
border-radius 圆角边框 border-radius:50% 圆形
background-position 取背景的一部分 需要测量 比较复杂 掌握的不是很到位
background-size contain cover
background-attachment Scroll 背景图跟随元素移动 Fixed 背景图固定
background统一设置
Background 背景图 位置 尺寸 重复方式 固定方式 背景颜色
opacity 透明度 可以制作动画 渐入渐出的效果
text-shadow box-shadow 2px 3px 4px rgba(0,0,0,0.5)X轴 Y 轴 模糊半径 颜色
transition 过渡
元素切换 渐入渐出 元素移动 元素发光
复杂动画
animation
变形
旋转rotate
缩放scale
移动 translate
倾斜 skew
背面可见性 backface-visibility visible hidden
表单 form
input多种设置
select 和 option组合表示下拉菜单
datalist数据列表
textarea 多行文本
:focus 点击动作
fieldset 和 legend 对表单进行分组
disabled readonly
lable 关联标签 将其与表单元素进行关联
点击leble 就可以聚焦到被关联的表单元素
这周内容还是比较丰富 短时间可能记得住 但是时间久了 就说不定了
表单form 动画 animation 过渡 transition 这三个内容有很多标签组合
需要理解 才比较好应用 动画 可以引入外部css 有很多现成的 精美的动画效果
2019.8.4
Get better soon and stay well for good.
Get better soon and stay well for good.
Get better soon and stay well for good.