好文分享
-
style标签的作用是什么
style标签的作用是用来说明所要定义的样式，style标签用于为HTML文档定义样式信息，在style元素里，可以指定HTML元素在浏览器里的呈现方式，style标签应放在head里。 定义及用法 标签用于为HTML文档定义样式信息。 在元素里，你可以指定HTML元素在浏览器里的呈现方式。 必选属…
-
CSS中@import是什么意思？
在CSS中@import是导入CSS样式表，这种方式通常会在CSS文件中使用，这样做的好处是，可以把多个样式表导入到一个样式表中，从而在页面里面只需要导入一个样式表即可。 视频教程推荐：《css视频教程-玉女心经版》 引入CSS的方法有两种，一种是@import，一种是link @import ur…
-
CSS实现轮播图效果（附代码）
CSS实现轮播图效果（附代码） 理论基础 CSS3 animation 属性和 @keyframes 规则 主体思想 1、准备相同大小的多个图片 立即学习“前端免费学习笔记（深入）”； 2、将要展示图片横排放在一个图片容器里面 3、在图片容器外再加一个展示容器，展示容器大小为图片大小 4、给图片容器…
-
CSS盒子模型是什么意思？
CSS盒子模型都具备内容content、内边距padding、边框border、外边距margin这些属性，这些属性可以用日常生活中的常见事物“盒子”作一个比喻来理解，所以称作为盒子模型。 css （cascading style sheet）可译为“层叠样式表 ”或“级联样式表”，它定义如何显示h…
-
CSS 布局之两端布局实现
最近在进行开发的过程中，有遇到两端对齐的布局，是按照百分比来进行布局的，之前有用过flex布局，但是flex布局，使用两端布局的时候，会出现一切bug。比如，下面的是动态生成的时候，三列或者多列就会把下面的列表分布在两边。虽然可以解决，但是还是想看一下用普通的css是如何布局的。因为就写了这个。 在…
-
css中一个冒号和两个冒号分别代表什么？
一个冒号是伪类，两个冒号是伪元素。 （推荐学习：css快速入门） 伪类可以独立于文档的元素来分配样式，且可以分配给任何元素，逻辑上和功能上类类似，但是其是预定义的、不存在于文档树中且表达方式也不同，所以叫伪类。 伪元素所控制的内容和一个元素控制的内容一样，但是伪元素不存在于文档树中，不是真正的元素，…
-
使用 CSS 实现一个简单的骨架屏（Skeleton Screen）
前言 在加载网络数据时，为了提升用户体验，通常会使用一个转圈圈的loading动画，或者使用skeleton screen占位。相比与loading动画，skeleton screen的效果要更生动，实现起来来也很简单。利用css就可以实现一个简单的skeleton screen。（什么是骨架屏（s…
-
CSS结构性伪类选择器—nth-of-type实现自定义导航菜单案例解析（代码实例）
本文目标： 1、掌握css中结构性伪类选择器—nth-of-type的用法 问题： 1、实现以下自定义导航菜单，且使用纯DIV+CSS，必须使用结构性伪类选择器—nth-of-type 附加说明： 1、导航宽800px，高90px，居中显示 立即学习“前端免费学习笔记（深入）”； 2、雪花背景图片宽…
-
css选择器有哪些？哪些属性是可以继承的？
css选择器： id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel=”external”]）、伪类选择器（a:hover,…
-
如何合理使用CSS框架？
现在的网站风格已经与它们很早之前的样子有了很大的不同。如果现在再回过头去看有些公司最初的网站UI，我想大多数互联网用户都很难认得出来。所以也多亏了网页设计技术的创新，现在网站不仅仅是只能显示信息，它们同样也可以拥有有趣的动画、多样的布局和互动的元素。而其中，这些大部分都是由CSS来实现的。 所以CS…
