CrystalのCSS学习整理
CrystalのCSS学习整理
CrystalAngelLee
GitHub:https://github.com/CrystalAngelLee
LinkdIn:https://www.linkedin.com/in/%E5%98%89%E8%90%B1-%E6%9D%8E-b56531149/
展开
-
CSS问题--display:inline-block 什么时候会显示缝隙
问题: display:inline-block 什么时候会显示缝隙 解答: 详见下面的扩展问题 扩展问题: 缝隙产生的原因及怎么解决 解答: 产生的原因: 元素被当成行内元素排版的时候,元素之间的空白符(空格、回车换行等)都会被浏览器处理,根据white-space的处理方式(默认是normal,合并多余空白),原来HTML代码中的回车换行被转成一个空白符,在字体不为0的情况下,空白符占据一定宽度,所以inline-block的元素之间就出现了空隙。这些元素之间的间距会随着字体的大小而变化,当行内元素f原创 2020-07-01 17:57:03 · 1438 阅读 · 0 评论 -
CSS常用效果
更改滚动条的样式问题 (用法和:hover是一样的额:附一个参考站点:https://blog.csdn.net/hanshileiai/article/details/40398177) /*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width:16px; height:16px; background-co...原创 2018-09-03 08:56:03 · 122 阅读 · 0 评论 -
CSS样式兼容问题
IE6,7的不兼容问题 https://www.jb51.net/css/456697.html CSSHack : http://www.duitang.com/static/csshack.html原创 2019-03-07 14:54:32 · 476 阅读 · 0 评论 -
CSS内容生成
1、什么是内容生成 使用css向某元素内插入一段内容 2、伪元素选择器 1、:before 或 ::before 作用:匹配到某元素内容区域之前 <p>(:before)窗前明月光</p> 2、:after 或 ::after 作用:匹配到某元素内...原创 2018-09-21 09:36:52 · 845 阅读 · 0 评论 -
CSS-弹性布局
弹性布局(Flexible Layout) 1、什么是弹性布局 弹性布局,一种布局方式,主要是解决某元素中"子元素"的布局方式。为布局提供最大的灵活性 2、相关概念 1、弹性布局的容器 父元素,称为"弹性布局容器",简称为"容器" 2、弹性布局的项目 要实现布局效果的元素,称为"弹性布局...原创 2018-09-21 10:53:45 · 283 阅读 · 0 评论 -
CSS整理
Cascading Style Sheets (级联样式表) 选择器 基础选择器 标签选择器【特点:标签选择器定义之后,会将页面所有的元素都执行这个标签样式。】 标签{属性:值;} 类选择器【特点:谁调用,谁生效。一个标签可以调用多个类选择器。多个标签可以调用同一个类选择器。】 .自定义类名{属性:值; 属性:值;} ★类选择器命名规则 ◎不能用纯数字或...原创 2018-07-11 18:23:07 · 108 阅读 · 0 评论