好文分享

css的display属性有：1、【display: none】把元素隐藏；2、【display: inline】把块级标签变成内联标签；3、【display: block】把内联标签变成块级标签。 css的display属性有： 1、display: none：把元素隐藏，物理位置也不在了. 2、…

CSS如何实现自适应分隔线？下面CSS栏目就来给大家介绍一下CSS实现自适应分隔线的N种方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 （推荐教程：CSS教程） 分割线是网页中比较常见的一类设计了，比如说知乎的更多回答 立即学习“前端免费学习笔记（深入）”； 这里的自适应是指…

一说到响应式设计，肯定离不开媒体查询media。一般认为媒体查询是CSS3的新增内容，实际上CSS2已经存在了，CSS3新增了媒体属性和使用场景(IE8-浏览器不支持)。本文将详细介绍媒体查询的内容。 （推荐教程：CSS教程） 媒介类型 在CSS2中，媒体查询只使用于和标签中，以media属性存在 …

因为系统自带的字体样式很少，并且多数不好看，所以有了引入外部艺术字体的想法。 （视频教程推荐：css视频教程） 方法如下： .shopName { /*使用你自己的字体*/ font-family:fusanghu; font-style: oblique; font-size: 29px; fon…

（推荐教程：CSS教程） 网格布局是现代CSS中最强大的功能之一。使用网格布局可以帮助我们在没有任何外部 UI 框架的情况下构建复杂的、快速响的布局。在这篇文章中，将会介绍所有我们需要了解的 CSS 网格知识 。 CSS 网格的基础知识 我们直接进入代码，如下所示，先写些标签，源码在这个链接里面：h…

css伪类和伪元素 line-height （行高 官方定义：两行文字基线对齐 ） （视频教程推荐：css视频教程） 目标伪类 :link （a:link 未访问的链接 浏览器有缓存！！所以刷新没用）a:active{color: ;}:active （长按住）:visited （已经访问的链接）:…

具体实现步骤如下： （视频教程推荐：css视频教程） 1、用ul 和 li标签写一个关联结构（ul 和 li的父子关系浑然天成，一般的关联结构都用它们） 服装 衬衫 棉袄 裤衩 2、对界面进行初始化 立即学习“前端免费学习笔记（深入）”； *{ padding: 0; margin: 0; } 3、…

本文利用径向渐变来实现背景透明的内凹圆角。 （视频教程推荐：css视频教程） 基本线性渐变 div { height: 100px; width: 200px; background-image: linear-gradient(90deg, red, blue);}从左到右的红到蓝渐变 加百分比调…

下面css栏目给大家介绍一下line-height:150%与line-height:1.5的区别。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 （推荐教程：CSS视频教程） 这是一个小小的不经意的问题，但是却常常被一些面试官提起。一般都会一下子进入懵逼状态，那让我们来看看区别在…

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。（推荐教程：CSS视频教程） 层级关系的比较 1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。 立即学习“前端免费学习笔记（深入）”； 2. 对于同级元素…