html5 新增
李老大zl
这个作者很懒,什么都没留下…
展开
-
css flex 响应式 布局
媒体查询 【页面大小随着浏览器窗口而变化】 // max-width:( n px) 【浏览器窗口宽度小于n像素 进行里面操作】 //min-width:(n px) 【浏览器窗口宽度大于n像素 进行里面操作】 //【浏览器窗口宽度大于等于600 小于等于1000 的时候 进行操作】 理想视口 em 和 rem 在css中单位长度用的最多的是px、em、rem,这三个的区别是: 1px是固定的像素,一旦设置了就无法因为适应页面大小而改变。 2 em和rem相对于...原创 2022-04-14 15:08:29 · 167 阅读 · 0 评论 -
补充flex 弹性布局
flex flex order 属性 // order 属性 定义项目的排列顺序。数值越小,排列越靠前,默认为0 align-self属性 【允许单个项目与其他项目不一样的对齐方式】 align-self:flex-start;【单个水平居上对齐 默认水平对齐方式】 align-self: flex-end;【单个水平居下对齐 】 align-self: center;【单个水平居中对齐】 align-self: stretch;【单个水...原创 2022-04-13 16:03:50 · 220 阅读 · 0 评论 -
css 弹性布局
弹性布局 语法:display:flex;【块级元素】 display:inline-flex;【行内元素】 flex-direction row【水平垂直方向】 // row 默认效果【从左到右排序】 // row-reverse 改变方向【从右到左排序】 flex-direction column【垂直方向】 // column 默认效果【从上到下排序】 // column-reverse 改变方向【从下到上排序】...原创 2022-04-12 15:42:34 · 223 阅读 · 0 评论 -
css 2D动画 定位
动画 平移 translate(tx,ty) 平移前 平移后 // translateX(n) 向X轴平移N个像素 // translateY(n) 向Y轴平移N个像素 动画 放大 scale //scaleX(N) 向X轴缩放N倍 // scaleY(N)向Y轴缩放N倍 //scale(N) X轴和Y轴都缩放 动画 平移 skew ...原创 2022-04-08 14:30:37 · 164 阅读 · 0 评论 -
HTML5 新增input属性
取色器 搜索引擎 number // max number 规定允许的最大值 min number 允许的最小值 step number 规定合发的数字间隔 value number 规定的默认值 滑动条 //max number 规定允许的最大值 min number 允许的最小值 step number 规定合发的数字间隔(步长) value number 规定的默认值 date // 选择日 、 月 、 年 mon...原创 2022-04-01 16:10:54 · 295 阅读 · 0 评论 -
css的高级选择器 样式的优先级 算法
css3的高级选择器 first-of-type // p:first-of-type选择属性其父元素的首个<p>元素的每个<p>元素(父类元素中同标签第一个) last-of-type //p:last-of-type选择属性其父元素的最后<p>元素的每个<p>元素(父类中同标签中最后一个) only-of-type //p:only-of-type 选择属于其父元素唯一的 &...原创 2022-03-31 15:02:17 · 257 阅读 · 0 评论 -
HTML5 新增元素
新增元素 <header></header> //表示头部 <main></main> // 表示底部 <nav></nav> // 导航链接 <section></section> //一般包裹一个内容区域块 <aside></aside>//侧边栏 <article></article>//包裹正文内容 <footer></foo原创 2022-03-30 16:27:23 · 247 阅读 · 0 评论