css
牧之说前端
简简单单,分享一点基础,希望可以帮助到大家
展开
-
2021-05-31
css多列布局 column-count 列数 属性 属性值:nmber; 属性值:数值加单位; column-rule 边框; column-fill:auto/balance ;auto 表示各列的内容自动补充;balance 均衡补充; column-span ;none 表示不跨列 ;all 横跨所有列,并定位在列的z轴之上; text-align:center; 使用在块元素上 ,块元素默认独占一行,宽度100%; column-width:列的宽度; column:100px原创 2021-05-31 19:42:21 · 129 阅读 · 0 评论 -
2021-05-30
怪异盒: box-sizing 属性允许你以特定的方式定义元素; 怪异盒模型:(又称ie盒模型):在低版本浏览器如果丢失了文本类型,触发ie盒模型; 属性值:content-box 默认 标准盒模型; border-box 怪异盒模型 特点:当盒子形成怪异盒模型之后,当前padding值不会撑大盒子; 标准盒模型由content+padding+border+margin组成;自身大小:content+padding+border;所占位置:content+padding+border+margi原创 2021-05-30 16:26:23 · 136 阅读 · 0 评论 -
2021-05-27
3d 景深:perspective:1200px(间距)在父级中使用;transfrom:perspective(1200px); 3d:transfrom-style:preserve-3d(默认是2d); 位移:transform:translate3d(tx,ty,tz);transfromz(t); 旋转:transfrom:rotatez(tx,ty,tz); 浏览器默认2d空间,需要自己设置z轴形成3d空间; transfrom3d(x,y,z);rotate(四个参数) x,y,z原创 2021-05-27 16:59:13 · 52 阅读 · 0 评论 -
2021-05-26
渐变和2d 线性渐变 属性:background 属性值:linear-gradinet(参数);线-变化; 参数 方向 ;颜色最少给两个 ,每一个参数都要用逗号隔开; 有兼容问题,需要加浏览器前缀,工作中一般不考虑,第一个参数to+空格 (结束的位置); 从一个角到另一个角 to+空格 结束的角 deg角度值 45deg; 考虑兼容问题的写法 从一个边到另一个边不能加to,直接书写开始的方向;角度 用90-标准写法deg; 径向渐变 属性background 属性值:background.原创 2021-05-26 19:10:06 · 80 阅读 · 0 评论 -
2021-05-25
css基础知识(选择器、文本、背景、边框) 逐渐增强和优雅降级: 逐渐增强: 保证基础功能,追加优化达到更好的客户体验 优雅降级:开始构建了站点完整功能,然后针对浏览器测试和修复,比如一开始使用css3的特性构建了一个应用,使其可以,在低版本浏览器使用 区别:优雅降级:从复杂到简单;逐渐增强:从基础到优化 css3中的选择器: 属性选择器: e[attr] e表示标签名称 []选中属性 ,attr属性 e[attr="value"]; ~包含同一个类名都会改变; ^从某某开始,从此开始.原创 2021-05-25 19:13:58 · 92 阅读 · 0 评论 -
2021-05-24
HTML基础知识 html5 新增标签 新增语意化标签 <header>页眉< footer>页脚< main>内容; 新增属性 placeholder 新增api(数据接口、操作)用于 七天免登录; 面试常考的十五个标签: section 内容区和div一样,建议在移动端使用 header 标题 页眉 nav 导航链接部分 子级元素可以接 li/a article 表示与上下文无关的内容 aside 在article之内的,与其相关的辅助信息 f.原创 2021-05-24 20:17:04 · 67 阅读 · 0 评论 -
2021-05-21
表单表格的补充 &BFC补充 select 下拉列表;子级元素 option 高级表单应用 <fieldset></fieldset> 相等于一个方框,在字段集中可以包含文本和其他元素,该元素可以嵌套,在浏览器中有默认样式; disabled 禁止使用所有fieldest的所有下级元素; legeng 字段集标题 ;legeng aling="方向",(一般只能接上下);justify 两端对齐,对标题字数有要求; form在表单中是最大的,所以form 嵌套所有原创 2021-05-21 18:36:37 · 72 阅读 · 0 评论 -
2021-05-21
overflow(隐藏属性)/pre标签的使用 textarea多行文本域 text-indent首行缩进 contenteditable=“true”盒子里可输入文本; 文本溢出属性 overflow visible 默认,正常显示 hidden 隐藏 scoll 滑动 生成滚动条 扩展:overflow-x/y; text-overflow:clip/ellipsis; clip不显示省略号 ellipsis 已溢出显示省略号(单行文本超出显示省略号,容器要有固定的大小,文本强制在一原创 2021-05-21 08:43:40 · 58 阅读 · 0 评论 -
2021-05-19
元素类型 元素类型分三种 块元素 内联元素 行内块元素 块元素:可以直接设置大小,块元素默认从上到下依次排列,并块元素独占一行; 行内元素/内联元素:无法直接设置高低大小,行内元素默认在一行内逐个显示,行内元素的高低大小由内容决定。 (注释:常见bug:行内元素设置margin-top/bottom是没有效果的); 行内块元素:可以直接设置宽高大小,在一行内逐个显示; 扩展:所有行内块元素都是以基线对齐的; 属性:display 中文翻译:转变 常用属性值: block 中文翻译:块原创 2021-05-19 21:02:47 · 59 阅读 · 0 评论 -
2021-05-19
css定位和锚点 定位用来解决布局中不好解决的布局方式; 定位三要素 对象:进行移动,需要定位的元素; 参照物:对象相对于哪个参照物进行移动; 方向:top/上 right/右 bottom/下 left/左; 定位属性:position static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 sticky 粘性定位 static 静态定位 相对定位的使用:position:relative; 参照相对于初始位置进行移动,定位是可以接负值原创 2021-05-19 19:06:25 · 81 阅读 · 0 评论