笔记四 前端基础深入了解css|青训营

39 阅读2分钟

深入了解css article 不同的选择器选择不同的东西 选择器月特俗优先级就越高 一个id选择不同的字符 怎样去计算选择器的优先级 按钮普通按钮 继承 “btn primary” 主要按钮 和文字相关的可以继承 格式

this is a test 显示继承 *{ box-sizing inhexit; 不可继承的 } html { box-sizing: border-box; } 可以继承的注释初始值 在当中每一个属性都有一个初始值 样式怎么贝计算拿出来的 DOM树 浏览器对其进行渲染 需要遍历到一些元素 Declared Values 一个元素的某属性可能有多个属性新值 可以匹配到到一些新的一些值 有两个声明值 优先级的选择 imputant的优先级大于非imputant的 最终获胜的值 图片值可能是空的 默认值 可能会被继承下去的 进一步的去转换 并不是所有的值都是进行转换的 一些关键字的 经过 设置过的一些位数的要求 通过继承 也去访问上一级的值 大小位置的算法 确定的元素去适配到什么样的布局 正常 常规留 浮动 很多的内容在行级 块级 表格布局 Flex box boder 在布局的是很好去形容成一个盒子 边框和内边距外边距 指定的高度 和在内 容器 要确定百分比 需要写很多的 刚才 指定元素的四个方向 padding 百分比相当于容器的宽度 容器的跨度 样式 的 可以给一个元素的三种边框他的 边框的元素不太一样 选择的也就不同 通过设置不同的宽度实现不同的东西 显示一个margin:auto 当一个页面中存在两个元素 在做文字排版时 边距是多少 类似于一个页面边框

下 块级与行级 块级的盒子不予其他的并排冰雷排放 可以使用在和模型属性

元素在和html当中的 inline-bloock 本身是行级可以放在行盒中可以设置宽度高度 什么叫ifc由一个特 text-alian 有鞋容器也创建一些盒子 BFC内的盒子的margin不会与外面的的合并 一一个盒子 去创建一个一些盒子 就是一个FLEX-box从左到右的一些 宽度 也就是去确定一些元素 去指定一些合资的宽度 对齐的方向 不同的方向 业绩也就有不同的对其方式 justtify-content 就是一个从左到右的一些方式 sopce 的方式对其的方式也就不同