
css
文章平均质量分 53
雾里看花叹朦胧
心有多大,天有多高。
展开
-
css 权重
权重:- *通配符的权重为0- 标签/伪元素的权重为1- class/属性/伪类的权重值为10- id 的权重值是100,- 内联样式的权重值是1000- !import的权重为正无穷原创 2022-11-20 20:35:45 · 536 阅读 · 1 评论 -
CSS 实现左侧溢出
使用 CSS 的 direction 属性:<!DOCTYPE html><html><head><meta charset="utf-8"><title>文档标题</title></head><body> <h1>我的第一个HTML页面我的第一个HTML页面</h1></body></html>h1{ width: 600px; b原创 2022-03-24 10:37:59 · 1346 阅读 · 0 评论 -
css 实现table形式的网格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实现table形式的网格</title> <style> ul,li { list-style: none; margin: 0; padding: 0 }原创 2020-12-02 23:23:15 · 1295 阅读 · 0 评论 -
CSS 实现 轮播图的导航点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图的导航点</title></head><style> .banner { position: relative; } .dots { background-color: gray;原创 2020-12-02 21:49:18 · 1048 阅读 · 0 评论 -
BFC 解决 Float 乱跑
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>BFC解决Float乱跑</title></head><style> .out { min-height: 20px; border: 2px solid red; overflow: hidden;原创 2020-11-14 12:41:52 · 169 阅读 · 0 评论 -
两个嵌套的Div,内部Div的margin-top失效
对内部的div设置margin-top时,内部对于外部的div并没有产生一个margin值,而是外部的div相对于上面的div产生了一个margin值。实例如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body {原创 2017-12-26 10:19:43 · 4954 阅读 · 4 评论 -
CSS BFC 和 IFC
文章转自:什么是BFC?看这一篇就够了BFC 定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。Box:css布局的基本单位Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很...转载 2020-03-29 22:45:59 · 216 阅读 · 0 评论