CSS
-
css 权重值(层叠性)详解
css 权重值(层叠性)详解[TOC]css权重值(重叠性)实例css中有很多选择器,那在多个选择器都作用于同一个元素的情况下会出现什么效果呢?代码执行可结果小结:出现这种效果是因为浏览器是根据权重值来判断使用哪种css样式的，权重值高的它的优先级会越高，就会呈现那种css样式,id选择器的权重值为100类选择
-
css常用设置
css常用设置1、上下左右居中利用absolute定位的不固定宽高垂直实现方法（position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;）利用flex:display:flex;align-items:center;//垂直对齐方式jus
-
5. CSS注释（附带示例）
5. CSS注释（附带示例）1.前言在代码中合理的添加注释是个非常好的习惯，通过注释您可以对代码加以解释说明（例如描述某段代码的功能、使用方法等），浏览器会自动忽略注释的内容。注释对开发人员非常重要，它可以帮助开发人员更快的理解代码的用途。在CSS中注释以/*开头（起始符），以*/结尾（结束符），/*与*/是成对出现的
-
CSS Grid 网格布局教程 (阮一峰)
CSS Grid 网格布局教程 (阮一峰)一、概述网格布局（Grid）是最强大的CSS布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的CSS框架达到的效果，现在浏览器内置了。上图这样的布局，就是Grid布局的拿手好戏。Grid布局与 Flex布局有一定的相
-
CSS in JS (JSS)
CSS in JS (JSS)简单来说，一句话概括CSSinJS(JSS)，就是’行内样式’（inlinestyle）和’行内脚本’（inlinescript）。
-
postcss简介
postcss简介https://github.com/postcss/postcss/blob/master/README-cn.mdPostCSS是一个允许使用JS插件转换样式的工具。这些插件可以检查（lint）你的CSS，支持CSSVariables和Mixins，编译尚未被浏览器广泛支持
-
小米商城网页版（js+css）
小米商城网页版（js+css）js：<!DOCTYPEhtml><html> <head><metacharset="utf-8"/><metaname=""content=""/>
-
css3选择器总结
css3选择器总结一、基本选择器1、通配符选择器*{marigin: 0;padding: 0;}2、类名选择器（1）选择指定 class 属性值为“class”的任意类型的任意多个元素。比如下面给使用了 important 这个类名的元素设置样
-
CSS中的伪元素
CSS中的伪元素1、什么叫做伪元素？我们可以回忆一下我们之前使用的伪类的样子，较之于伪类，伪元素是像往标记文本中加入全新的HTML元素一样，而不是向现有的元素上应用类。也就是说我们直接在文本上使用span标签还是作用于span标签。2、伪类的表现形式是什么？::伪类名3、介绍一下常用的伪元素名字及其样
-
css样式大全，完整的Css样式大全(整理)
css样式大全，完整的Css样式大全(整理)CSS样式被称为为“层叠样式表”，是一种网页制作做不可或缺的技术，是用于装饰网页，达到设计效果的一种样式语言，下面将整理一下css常用样式：字体属性：(font)大小{font-size:x-large;}(特大)xx-small;(极小)一般中文用不到，只要用数值就可以，单位：PX、P
-
CSS3新增属性
CSS3新增属性圆角<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>talk</title><styl
-
css常用标签
css常用标签1：超出三行用省略号
-
CSS 简介及书写规则—行内样式
CSS 简介及书写规则—行内样式CSS简介CSS英文全称【cascadingstylesheet】汉语意思：层叠样式表作用：CSS用于美化网页，还可以进行网页布局【前端三层是什么？】前端三层分为：HTML（结构层）CSS（样式层）JavaScript（行为层）总结：CSS前端人当中称之为“样式层”，可以对网
-
CSS中的伪类
CSS中的伪类1、什么是伪类？首先伪类是选择器的一种，它用于选择处于特定状态的元素。2、伪类的表现状态时什么样子的？伪类就是开头为冒号的关键字。例如：:last-child3、常见的伪类有哪些？:last-child——它用于选择一组兄弟元素中的最后一个元素。:first-child——它用于选择在
-
css中关于超出显示省略号
css中关于超出显示省略号1、单行超出显示省略号overflow:hidden;//超出隐藏text-overflow:ellipsis;//文本超出时显示省略号white-space:nowrap;//设置文本不换行2、多行超出显示省略号overflow:hidden;//超出隐藏text-ov
-
CSS中实现元素居中的七种方法总结
CSS中实现元素居中的七种方法总结在前端开发中，经常需要将元素居中显示，CSS提供了多种技术方法来实现元素的居中，在不同场景下有不同的使用方法、不同的效果，需要特别记住它们的应用场景才能够正常的居中。这篇文章就大致总结一下CSS中的居中方法。一、元素分类在CSS中，元素大致可以分为以下几种：1.块级元素（Block-level
-
CSS技巧收集——毛玻璃效果
CSS技巧收集——毛玻璃效果先上demo和源码其实毛玻璃的模糊效果技术上比较简单，只是用到了css滤镜（filter）中的blur属性。但是要做一个好的毛玻璃效果，需要注意很多细节。比如我们需要将上图中页面中间的文字区域变成毛玻璃效果，首先想到的是给其设置一个透明度，并添加模糊滤镜：可是生成的效果却是下面这
-
CSS绘制虚线的方案
CSS绘制虚线的方案一、实现效果👀二、代码实现🤖<divclass="line"></div>.line{width:1px;/*虚线宽度*/background-image:linear-gradient(tobot
-
css实现渐变背景的方式
css实现渐变背景的方式可以使用CSS3的动画和背景定位属性来实现该效果。以下是两种实现方式：使用CSS3动画和背景定位属性HTML代码：复制CSS代码：.gradient{width:100px;height:100px;background-image:url(gradient.png);ba
-
CSS3媒体查询
CSS3媒体查询什么是媒体查询？媒体查询（MediaQuery）是CSS3新语法。-使用@media查询，可以针对不同的媒体类型定义不同的样式-@media可以针对不同的屏幕尺寸设置不同的样式-当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面-目前针对很多苹果手机、A
