html-css
学习笔记
空杯lk
这个作者很懒,什么都没留下…
展开
-
样式补充
样式补充 display:list-item 设置为该属性值的盒子,本质上仍然是一个块盒,但同时该盒子会附带另一个盒子 元素本身生成的盒子叫做主盒子,附带的盒子称为次盒子,次盒子和主盒子水平排列 涉及的css: list-style-type 设置次盒子中内容的类型 list-style-position 设置次盒子相对于主盒子的位置 速写属性list-style 清空次盒子 list...原创 2020-04-22 20:52:20 · 101 阅读 · 0 评论 -
居中总结
居中总结 居中:盒子在其包含块中居中 行盒(行块盒)水平居中 直接设置行盒(行块盒)父元素text-align:center <style> div { margin: 30px; background: lightblue; height: 100px; text-ali...原创 2020-04-22 20:51:22 · 124 阅读 · 0 评论 -
css进阶>@规则+web字体和图标+块级格式化上下文+布局+[扩展]浮动的细节规则
这里写目录标题@规则(at-tule)web字体和图标块级格式化上下文布局俩栏布局三栏布局 @规则(at-tule) at-rule:@规则,@语句,css语句,css指令,翻译很多种叫法 在css 文件中导入另一个css文件 import @import "路径"; 导入另外一个css文件 charset @charset "utf-8"; 告诉浏览器该CSS文件,使用的字符编码集...原创 2020-04-20 21:30:48 · 216 阅读 · 0 评论 -
参考线-深入理解字体
这里写目录标题参考线-深入理解字体文字font-size行高vertical-align可替换元素和行块盒的基线 参考线-深入理解字体 font-size、line-height、vertical-align、font-family 文字 文字是通过一些文字制作软件制作的,比如fontforge 制作文字时,会有几根参考线,不同的文字类型,参考线不一样。同一种文字类型,参考线一致。 参考线的位置是...原创 2020-04-19 15:18:51 · 428 阅读 · 0 评论 -
css进阶>[扩展]行高的取值+body的背景+行盒的垂直对齐
这里写目录标题[扩展]行高的取值+body的背景+行盒的垂直对齐+参考线-深入理解字体行高的取值body的背景body背景颜色**HTML元素的背景颜色**body背景图片关于画布背景图行盒的垂直对齐图片的底部白边参考线-深入理解字体 [扩展]行高的取值+body的背景+行盒的垂直对齐+参考线-深入理解字体 行高的取值 line-height 设置行高不会给每一个元素都设置,一般设置到父元素里面...原创 2020-04-19 15:18:12 · 150 阅读 · 0 评论