伪类 伪类就是一种虚构的状态或者说是一个具有特殊属性的元素可以使用CSS进行样式修饰。常见的几种伪类是: :link , :visited , :hover , :ac...

css3特效（上下左右晃动效果）

字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式...

在用 css 画梯形的过程中，主要使用 border-right-color: transparent 或 border-left-color: transparent ...

我们在做商城类项目时，时常会有开发优惠券的需求，那么我们如何通过纯 CSS 来实现类似京东、淘宝的优惠券样式。 下面给大家分享一个纯 CSS 写的优惠券边沿透明圆形镂空...

前面的话 　　一直以来，CSS中是没有变量而言的，要使用 CSS 变量，只能借助 SASS 或者 LESS 这类预编译器。新的草案发布之后，直接在 CSS 中定义和使用变...

HTML文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间，这个模型称为盒子模型。 盒子模型通过四个边界来描述：margin（外边距），bord...

1.在需要移动的对象上加上a标签，并定义CSS <a><img src="/skin/images/ico-weixin.png" /><span>微信平台</span...

CSS选择器（重点） 学习目标： 理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用基础选择器给页面元素添加样式

CSS层叠样式表 学习目标 理解 css的目的作用 css的三种引入方式 应用 css三种引用方式的书写 通过样式规则给标签添加简单的样式

突然间想让按钮的周围添加一层阴影来让按钮效果看起来更加立体，于是就有了这篇文章 代码： .view03_02_01{ box-shadow: 0 0 6rpx 5...

想到用css设置元素透明度，大家的第一反应会是：用Opacity属性来设置透明度，其实在css中还有其他设置透明度的方法。本章给大家介绍用transparent属性设置透...

在网页设计的过程中，有时候可能会要求背景图片平铺，因为这样会让整个网页看起来比较好看，图片平铺可以不用具体设置body宽度和高度大小，就可以直接将图片平铺整个页面，那么，...

CSS3有哪些新特性？ 新增选择器 p:nth-child（n）{color: rgba（255, 0, 0, 0.75）} 弹性盒模型 display: flex;...

CSS text-align 我们设置3个盒子，分别都设置盒子CSS高度、CSS宽度相同，再分别设置三个盒子里内容靠左对齐、居中对齐、靠右对齐。 我们都设置3个盒子高度...

前言：在使用css给页面进行排版美化的过程中，经常会用到pposition属性。那么，接下来我们就详细介绍一下position属性。 首先，我们先写一个HTML文件，利用...

css的选择器有很多种，那么，自然而然的就会有优先级这一概念出现，所以，css选择器优先级顺序是怎样的呢？本篇文章将来给大家介绍css选择器优先级的排序，话不多说，我们来...

calc是什么意思？怎么使用？本篇文章给大家带来的内容是介绍css3中的calc()函数是什么，有什么用，如何使用。有一定的参考价值，有需要的朋友可以参考一下，希望对你们...

在前端开发中，边框border属性是经常会用到的一个属性，它可以给元素添加边框；但两个相邻的元素在一起同时添加了边框，就会出现一个问题，边框会重叠在一起（如下图），那么如...

本篇文章给大家分享的是css3中background-position的用法，有需要的朋友可以参考一下。 在css3之前设置background-position，你可...

本文我们将使用CSS来实现透明度发生变化的动画，可以获得淡入和淡出效果。 要实现CSS中透明度更改的动画，需要使用的是transition属性。由于transition属...

1、什么是css权重？css6大基础选择器 - css权重指的是css6大基础选择符的优先级，优先级高的css样式会覆盖优先级底的css样式，优先级越高说明权重越高，反...

在对html网页进行美化的时候，肯定少不了要用的hr标签进行修饰页面，但默认的hr标签样式对页面的修饰起不到什么好的作用，有经验的前端工作者就会通过使用css样式来对hr...

为了开发网页的美观，css3背景颜色渐变是经常会用到的，那么，css3背景颜色渐变如何设置呢？本篇文章我们就来介绍关于css颜色渐变背景的设置方法。 我们要知道的是cs...

这篇文章只要讲了CSS滤镜的使用方法，非常详细，有需要的小伙伴可以参考一下，希望对你有用。 CSS滤镜的使用方法：filter:filtername(parameter...

在前端开发过程中，为了页面的美观，往往都会给html页面添加背景图片。那么如何利用css设置html中用图片做背景？本章就给大家介绍css怎样设置背景图片。有一定的参考价...

随着互联网的发展，人们对页面的要求越来越高，不只是功能好用，而且还要颜值高。前端开发人员对于浏览器的滚动条并不陌生，当自带的一些滚动条无法满足我们的审美时，你知道如何用C...

伪类选择器（简称：伪类）通过冒号来定义，它定义了元素的状态，如点击按下，点击完成等，通过伪类可以为元素的状态修改样式。 伪类的功能和一般的DOM中的元素样式相似，但和一...

工作中经常需要对图片进行缩放，但有些缩放会让图片变形，所以今天就给大家介绍**CSS如何实现图片等比例缩放不变形，**正在学习CSS的小伙伴赶紧过来看看吧！   [...

在前端页面开发布局的时候，为了给用户呈现不同的效果，经常需要设置透明度，那么css是怎样设置透明度的？本章给大家介绍用css设置透明度的两种方法（代码实例）。有一定的参考...

灵活运用CSS开发技巧（第三章） 灵活运用CSS开发技巧(第一章) 灵活运用CSS开发技巧(目 录) Component Skill 迭代计数器 要点：累加选项单位的...

使用letter-spacing排版倒序文本 要点：通过letter-spacing设置负值字体间距将文本倒序 场景：文言文、诗词

很多时候跟着书和系统的视频网站学习，会发现没有方向，学了很多却不知道自己能够做出什么成绩。学习过程中会遇到很多问题，Web学习交流群可以帮到你】**[点击进入][Link...

系列 灵活运用CSS开发技巧 灵活运用JS开发技巧 灵活运用PS切图技巧 前言 何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人...

溢出显示省略号 参过参数可以只是单/多行. /** * 溢出省略号 * @param {Number} 行数 */