css
qq_21439711
这个作者很懒,什么都没留下…
展开
-
我不知道的css布局
table表格布局早期表格布局的解析不是流式的,如果你的表格很长,那浏览器会把整个表格的代码拉完以后才解析,这会造成用户等待的时间过长,进而影响用户体验。但是现在浏览器做了优化,表格也是流式解析的,但是表格布局还存在语义化不明确等问题。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS 布局</title></he原创 2020-12-14 14:16:46 · 85 阅读 · 0 评论 -
我不知道的css line-height
基线、底线、顶线与行高 line-height撑开了块元素的高度 <p>这是一段文字,这里有个<em>em</em> 标签。</p>如上面一段普普通通的代码,却包含了4种盒子:“内容区域”(content area),是一种围绕文字看不见的盒子,可理解为选中文字蓝色背景区域,如下图。“内容区域”的大小与 font-size 大小相关;“内联盒子”(inline-boxes),“内联盒子”不会让内容成块显示,而是排成一行。原创 2020-12-06 17:04:41 · 96 阅读 · 0 评论 -
我不知道的css float
float的设计初衷float被设计出来的初衷是用于——文字环绕效果。即:一个图片一段文字,图片float:left之后,文字会环绕图片。<!DOCTYPE html><head> <style> #image{ float: left; } </style> <title></title></head><body>原创 2020-12-05 11:23:11 · 81 阅读 · 0 评论 -
我不知道的css position
css的position有一下几个值:absolute(绝对定位)元素会脱离文档流,不占用原本的空间,后面的元素会顶上去不论元素是行内还是块级元素,都会生产一个块级框<!DOCTYPE html><head> <style> #father{ background: yellow; position: absolute; width: 200px;原创 2020-12-04 15:16:20 · 123 阅读 · 0 评论 -
我不知道的css选择器
选择器分类基本选择器选择器含义*通配符选择器,匹配任何元素E标签选择器,匹配所有使用E标签的元素.infoclass选择器,匹配所有class属性中包含info的元素#footerid选择器,匹配所有id属性等于footer的元素 关系选择器选择器(css2.1)含义E,F多元素选择器,同时匹配所有E元素或F元素,E和F之间用逗号分隔E F后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空原创 2020-11-24 16:09:52 · 50 阅读 · 0 评论