
html-css
学习笔记
空杯lk
这个作者很懒,什么都没留下…
展开
-
样式补充
样式补充display:list-item设置为该属性值的盒子,本质上仍然是一个块盒,但同时该盒子会附带另一个盒子元素本身生成的盒子叫做主盒子,附带的盒子称为次盒子,次盒子和主盒子水平排列涉及的css:list-style-type设置次盒子中内容的类型list-style-position设置次盒子相对于主盒子的位置速写属性list-style清空次盒子list...原创 2020-04-22 20:52:20 · 120 阅读 · 0 评论 -
居中总结
居中总结居中:盒子在其包含块中居中行盒(行块盒)水平居中直接设置行盒(行块盒)父元素text-align:center <style> div { margin: 30px; background: lightblue; height: 100px; text-ali...原创 2020-04-22 20:51:22 · 137 阅读 · 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 · 235 阅读 · 0 评论 -
参考线-深入理解字体
这里写目录标题参考线-深入理解字体文字font-size行高vertical-align可替换元素和行块盒的基线参考线-深入理解字体font-size、line-height、vertical-align、font-family文字文字是通过一些文字制作软件制作的,比如fontforge制作文字时,会有几根参考线,不同的文字类型,参考线不一样。同一种文字类型,参考线一致。参考线的位置是...原创 2020-04-19 15:18:51 · 465 阅读 · 0 评论 -
css进阶>[扩展]行高的取值+body的背景+行盒的垂直对齐
这里写目录标题[扩展]行高的取值+body的背景+行盒的垂直对齐+参考线-深入理解字体行高的取值body的背景body背景颜色**HTML元素的背景颜色**body背景图片关于画布背景图行盒的垂直对齐图片的底部白边参考线-深入理解字体[扩展]行高的取值+body的背景+行盒的垂直对齐+参考线-深入理解字体行高的取值line-height设置行高不会给每一个元素都设置,一般设置到父元素里面...原创 2020-04-19 15:18:12 · 159 阅读 · 0 评论