![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
层叠样式表(Cascading Style Sheets)
剑花烟雨寒
这个作者很懒,什么都没留下…
展开
-
CSS行高&背景
一.行高 1.定义: 行高=上距离+内容高度+下距离 其中 上距离=下距离 2.应用场景 让单行文本在盒子中垂直居中对齐。在浏览器中行高是跟随字体大小变化的。 所以我们让文字的行高等于盒子的高度。 div{ height:50px; line-height:50px; } 3.行高与盒子高度的三种关系 如果 :行高=高度 文字在盒子中垂直居中 如果: 行高>高度 文字在盒子中偏下 如果:行高<高度 文字在盒子中偏上(一般是偏上) 二.CSS背景 1.背景属性总结 2.背景简写 backgrou原创 2020-06-13 22:47:58 · 343 阅读 · 0 评论 -
CSS三大特性
一.CSS层叠性 1.概念:层叠性指的是 多种CSS样式的叠加,如果一个元素的同一个属性被设置两次,那么其中有一个属性会被覆盖掉。 2.原则: 样式冲突,遵循 “就近原则” 哪个样式离结构近 就执行哪个样式(通常是执行后面的样式)。 样式不冲突,不会层叠 CSS最后执行口诀:长江后浪推前浪,前浪死在沙滩上。 ...原创 2020-06-13 21:14:20 · 128 阅读 · 0 评论 -
CSS标签显示模式
一.标签显示模式 1.标签分类: HTML中把标签分为块级标签和行内标签两种类型,也称为块元素和行内元素。 2.块级元素: 在显示的时候独占一行的元素 如 3.行内元素: 在一行中可以放置多个的元素 如: 4.行内块元素 在行内中元素中有几个特殊的标签 可以直接对其设置宽高和对齐属性 如: 二.显示模式的区别总结 三.标签显示模式的转换 display 1.块转行内:display:inline; 2.行内转块:display:block; 3.块、行内元素转为行内块:display:inline-原创 2020-06-13 13:50:15 · 120 阅读 · 0 评论 -
div+css实现三级菜单功能
一.html部分 <div id="frame"> <!--一级菜单--> <div id="row-1"> <ul> <li><a href="#">服装</a> <!--二级菜单--> <ul class="two">原创 2020-06-03 08:34:37 · 550 阅读 · 0 评论 -
HTML布局
一.开发步骤 1.写一块将整个页面 从上至下 分析 (rows),看他一共有几行 2.分析清楚每一行 一共有几列(close)/几块 3.行级父容器不浮动,让在同一行的块浮动,内容视情况而定 4.在不同行的 需要先清除浮动避免影响 5… 二.常见问题以及注意事项 1.子块浮动与父块浮动无关,子块设为浮动,则最好指定父容器高度。否则会出现 父容器背景色被遮盖等情况。 2.水平居中 垂直居中: 水平即左右居中设置属性: text-align:center; 垂直即上下居中设置属性: vertical-alig原创 2020-05-27 07:43:06 · 95 阅读 · 0 评论