随笔分类 -  CSS

摘要:CSS手册:https://www.xp.cn/css3/ 阅读全文
posted @ 2020-04-18 23:35 codedot 阅读(304) 评论(0) 推荐(0) 编辑
摘要:1. img和input在一起得时候,有个总是要高点儿。如何对齐呢 解决方法: 两个标签分别加上:vertical-align: middle; 阅读全文
posted @ 2019-12-23 09:22 codedot 阅读(153) 评论(0) 推荐(0) 编辑
摘要:盒模型主要有四部分组成: Margin:边距 Border:边框 Padding:内边距 Content:内容 因此盒子的 宽度=content(宽度)+2*padding(左右)+2*border(左右)+2*margin(左右) 高度=content(高度)+2*padding(上下)+2*bo 阅读全文
posted @ 2019-11-14 12:35 codedot 阅读(2043) 评论(0) 推荐(0) 编辑
摘要:抄自:https://www.jianshu.com/p/4945d9cf14e5 一、常见class关键词 布局类:header, footer, container, main, content, aside, page, section 包裹类:wrap, inner 区块类:region, 阅读全文
posted @ 2019-11-03 11:17 codedot 阅读(341) 评论(0) 推荐(0) 编辑
摘要:流浏览器自带的滚动条样式很丑,确实有必要美化。 滚动条从外观来看是由两部分组成:1,可以滑动的部分,我们叫它滑块2,滚动条的轨道,即滑块的轨道,一般来说滑块的颜色比轨道的颜色深。 滚动条的css样式主要有三部分组成: ::-webkit-scrollbar 定义了滚动条整体的样式; ::-webki 阅读全文
posted @ 2019-11-03 11:12 codedot 阅读(1377) 评论(0) 推荐(0) 编辑
摘要:API文档:http://css.cuishifeng.cn/all.html 1. 通配选择符(*) 语法: * { sRules } 说明: 通常不建议使用通配选择符,因为它会遍历并命中文档中所有的元素,出于性能考虑,需酌情使用 兼容性: IE6及更早浏览器并不支持通配选择符(*),而是将它忽略 阅读全文
posted @ 2019-11-02 11:06 codedot 阅读(147) 评论(0) 推荐(0) 编辑

喜欢请打赏

扫描二维码打赏

了解更多

点击右上角即可分享
微信分享提示