![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 109 阅读 · 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 · 121 阅读 · 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 · 40 阅读 · 0 评论 -
2021-05-26
渐变和2d线性渐变 属性:background属性值:linear-gradinet(参数);线-变化;参数 方向 ;颜色最少给两个 ,每一个参数都要用逗号隔开;有兼容问题,需要加浏览器前缀,工作中一般不考虑,第一个参数to+空格 (结束的位置);从一个角到另一个角 to+空格 结束的角 deg角度值 45deg;考虑兼容问题的写法 从一个边到另一个边不能加to,直接书写开始的方向;角度 用90-标准写法deg;径向渐变 属性background属性值:background.原创 2021-05-26 19:10:06 · 62 阅读 · 0 评论 -
2021-05-25
css基础知识(选择器、文本、背景、边框)逐渐增强和优雅降级:逐渐增强: 保证基础功能,追加优化达到更好的客户体验 优雅降级:开始构建了站点完整功能,然后针对浏览器测试和修复,比如一开始使用css3的特性构建了一个应用,使其可以,在低版本浏览器使用区别:优雅降级:从复杂到简单;逐渐增强:从基础到优化css3中的选择器:属性选择器:e[attr] e表示标签名称 []选中属性 ,attr属性 e[attr="value"];~包含同一个类名都会改变;^从某某开始,从此开始.原创 2021-05-25 19:13:58 · 78 阅读 · 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 · 58 阅读 · 0 评论 -
2021-05-21
表单表格的补充 &BFC补充select 下拉列表;子级元素 option高级表单应用<fieldset></fieldset> 相等于一个方框,在字段集中可以包含文本和其他元素,该元素可以嵌套,在浏览器中有默认样式;disabled 禁止使用所有fieldest的所有下级元素;legeng 字段集标题 ;legeng aling="方向",(一般只能接上下);justify 两端对齐,对标题字数有要求;form在表单中是最大的,所以form 嵌套所有原创 2021-05-21 18:36:37 · 59 阅读 · 0 评论 -
2021-05-21
overflow(隐藏属性)/pre标签的使用textarea多行文本域text-indent首行缩进contenteditable=“true”盒子里可输入文本;文本溢出属性 overflowvisible 默认,正常显示 hidden 隐藏 scoll 滑动 生成滚动条扩展:overflow-x/y;text-overflow:clip/ellipsis;clip不显示省略号 ellipsis 已溢出显示省略号(单行文本超出显示省略号,容器要有固定的大小,文本强制在一原创 2021-05-21 08:43:40 · 46 阅读 · 0 评论 -
2021-05-19
元素类型元素类型分三种块元素 内联元素 行内块元素块元素:可以直接设置大小,块元素默认从上到下依次排列,并块元素独占一行;行内元素/内联元素:无法直接设置高低大小,行内元素默认在一行内逐个显示,行内元素的高低大小由内容决定。(注释:常见bug:行内元素设置margin-top/bottom是没有效果的);行内块元素:可以直接设置宽高大小,在一行内逐个显示;扩展:所有行内块元素都是以基线对齐的;属性:display 中文翻译:转变常用属性值:block 中文翻译:块原创 2021-05-19 21:02:47 · 43 阅读 · 0 评论 -
2021-05-19
css定位和锚点定位用来解决布局中不好解决的布局方式;定位三要素对象:进行移动,需要定位的元素; 参照物:对象相对于哪个参照物进行移动; 方向:top/上 right/右 bottom/下 left/左;定位属性:positionstatic 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 sticky 粘性定位 static 静态定位相对定位的使用:position:relative;参照相对于初始位置进行移动,定位是可以接负值原创 2021-05-19 19:06:25 · 64 阅读 · 0 评论