
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 · 1515 阅读 · 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 · 160 阅读 · 0 评论 -
CSS样式兼容问题
IE6,7的不兼容问题 https://www.jb51.net/css/456697.htmlCSSHack : http://www.duitang.com/static/csshack.html原创 2019-03-07 14:54:32 · 526 阅读 · 0 评论 -
CSS内容生成
1、什么是内容生成 使用css向某元素内插入一段内容 2、伪元素选择器 1、:before 或 ::before 作用:匹配到某元素内容区域之前 <p>(:before)窗前明月光</p> 2、:after 或 ::after 作用:匹配到某元素内...原创 2018-09-21 09:36:52 · 952 阅读 · 0 评论 -
CSS-弹性布局
弹性布局(Flexible Layout) 1、什么是弹性布局 弹性布局,一种布局方式,主要是解决某元素中"子元素"的布局方式。为布局提供最大的灵活性 2、相关概念 1、弹性布局的容器 父元素,称为"弹性布局容器",简称为"容器" 2、弹性布局的项目 要实现布局效果的元素,称为"弹性布局...原创 2018-09-21 10:53:45 · 342 阅读 · 0 评论 -
CSS整理
Cascading Style Sheets (级联样式表)选择器 基础选择器标签选择器【特点:标签选择器定义之后,会将页面所有的元素都执行这个标签样式。】标签{属性:值;}类选择器【特点:谁调用,谁生效。一个标签可以调用多个类选择器。多个标签可以调用同一个类选择器。】 .自定义类名{属性:值; 属性:值;} ★类选择器命名规则 ◎不能用纯数字或...原创 2018-07-11 18:23:07 · 144 阅读 · 0 评论