CSS - 教程之家

250浏览

0评论

css height:auto 不起作用怎么办

css height:auto不起作用怎么解决？可能因为父元素处于浮动状态，浮动是会脱离文档流的，内部两个层就不会局限于父层，所以父层不知道内部的高度，但清理浮动可以把他们“拉&rdq...

2021-01-05

116浏览

0评论

css a hover 不变色怎么办

css中a标签hover不变色怎么办？css中a标签hover不变色是因为选择器的顺序写错了，将hover写在link和visited之后、active之前即可。hover CSS伪类适用于用户使用指示设备虚指一...

2021-01-05

229浏览

0评论

css 等宽字体有哪些

等宽字体（英文&数字&符号）1. 问题来源项目中有个textarea需要输入大量字符，效果如下图。其中每行都有换行符。且每行字符数相同。其实每行字符数相同，显示不够友好，末尾没对齐，想...

2021-01-05

156浏览

0评论

了解CSS的选择器优先级和!important权重

CSS中的选择器优先级与!important权重 .class选择器要高于标签选择器。 #id选择器要高于.class选择器。标签选择器是优先级最低的选择器。 !important的属性它的权重值优先...

2021-01-01

238浏览

0评论

css 怎么引入图片文件

css引入图片文件在CSS中，可以用background-image:url(你的图片地址)或background:url(你的图片地址)来引入图片，展现到网页中。<div id="bgimg"></div>#bgimg {background: #3...

2020-12-30

133浏览

0评论

css3 如何画圆

css已经越来越强大了，可以使用它来绘制各种简单的形状，用于代替图片显示，这次的分享主要用到画圆，扇形。实现圆形<div class="circle"></div><style>.circle { border-radius:...

2020-12-30

276浏览

0评论

波浪的边框css怎么实现

波浪的边框css的实现1、新建一个div，并给它一个类名<div class="zigzag"></div>2、设置一个背景颜色，并将div设为白色body { margin: 0; padding: 0; background: li...

2020-12-30

245浏览

0评论

怎么设置css字体单行居中

css设置字体单行居中1、首先为了便于观察，先创建一个div<style> .app{ width: 200px; height: 100px; border: 1px solid skyblue; }</style><di...

2020-12-30

197浏览

0评论

CSS中一个冒号（:）和两个冒号（::）的区别

一个冒号是伪类，两个冒号是伪元素伪类可以独立于文档的元素来分配样式，且可以分配给任何元素，逻辑上和功能上类类似，但是其是预定义的、不存在于文档树中且表达方式也不同，所以叫...

2020-12-30

227浏览

0评论

css如何把div修饰成圆

css把div修饰成圆1、打开代码编辑器，新建一个html文件，写上基本的结构<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title></head><body>...

2020-12-30

256浏览

0评论

css body如何实现不出现滚动条

css让body不出现滚动条提到隐藏滚动条，我们首先想到的是overflow: hidden，但这么设置后，页面就无法滚动了，让body隐藏滚动条又可以滚动，我们可以使用伪元素::scrollbar，在chrome浏...

2020-12-30

156浏览

0评论

input能改变css样式吗

改变input框默认css样式的方法：一：利用伪类元素改变radio样式（此方法无需添加额外的标签，更便捷）　　.div input[type=radio]::after {　　　　position: absolute;　　　　widt...

2020-12-30

215浏览

0评论

css 如何实现让文字滑入的方式

CSS3文字横向滑入效果HTML<h1>将鼠标移至此处<div id="slidemeta">文字</div><h1>CSS#slidemeta {display: none; right:0;position: absolute;font-size: 14px;color: red...

2020-12-30

279浏览

0评论

CSS仿苹果平滑开关按钮效果

源码1. 代码解析1.1 html 代码解析<div class="checkbox"> <div class="inner" id="inner"> <div class="toggle" id="toggle"></div> </div></div>最外层 checkbox,...

2020-12-25

226浏览

0评论

css中词语间隔怎么设置

CSS用word-spacing属性来设置单词的间距。例如：可以看到，word-spacing属性既可以使单词间距变小，也可以变大。word-spacing属性增加或减少字与字之间的空白。而，对于中文，CSS区分...

2020-12-25

125浏览

0评论

css超链接的底色如何设置

能够设置链接样式的 CSS 属性有很多种（例如 color, font-family, background 等等）。链接的特殊性在于能够根据它们所处的状态来设置它们的样式。CSS中a标签4种特有属性：1.a:li...

2020-12-25

169浏览

0评论

使用CSS3制作版头动画效果

网易看游戏官网（http://kanyouxi.163.com/）（已下架），是我以前（2014年）做的一个项目，也是我们首个放弃Flash，采用HTML5与制作动画的网站，当时业内为数不多的采用CSS3用于主动画实际生产...

2020-12-24

111浏览

0评论

css 利用 position + margin 实现固定盒子横向纵向居中的方法

margin:auto; + position: absolute; 上下左右:0
一看 demo 就懂的啦<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> ...

2020-12-23

233浏览

0评论

css实现弹窗上下左右居中且背景透明锁定窗口效果

有一种简单的css方法实现点击之后的弹出框上下左右居中且附加灰色透明遮罩锁定窗口清除滚动条html代码<div class="box"> <div class="boxs">  </div>...

2020-12-23

376浏览

0评论

CSS3实现红包抖动效果

有个需求是要实现红包的抖动效果，之前没做过，记录一下嘻嘻~~
这里用到了transform: rotate()属性，加上animation实现动画效果，不多说上代码.red_packet { width: 180rpx; heig...

2020-12-23

211浏览

0评论

引入的css图片怎么加载不了

在CSS中想要引入图片，可以使用background属性或background-image属性。background属性或background-image属性都可以添加背景图片。但有时引入的css图片（背景图片）加载不了，这是...

2020-12-23

212浏览

0评论

css怎么让背景图片不重复

CSS设置背景图片在CSS中，我们可以利用 background 属性来设置背景图片，如下面的代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" conte...

2020-12-23

258浏览

0评论

css怎么让图案上下浮动

css3实现一个上下浮动的动画效果（animation）CSS@keyframes movepoint { 25% { top: 16px } 100%, { top: 50px }}.shade-button-point { display: inline-block; position:...

2020-12-23

392浏览

0评论

css行内样式为什么尽量不要使用

css行内样式直接将样式属性写在开始标签style属性中<div style="属性名称:属性值;属性名称:属性值;"></div>缺点: 多个元素难以共享样式，不利于代码复用 HTML和CSS代码混杂，结...

2020-12-23

173浏览

0评论

如何控制css字体位置

如何控制css字体位置？需要准备的材料分别有：电脑、浏览器、html编辑器。1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的<style>标签中，输入css代码：。<...

2020-12-23

216浏览

0评论

css 首行缩进为什么没有效果

网页排版中，首行缩进是很常用的效果，它使你的段落看起来更规范整洁！有时通过css设置首行缩进，却没有效果，这是什么原因造成的呢？css中首行缩进使用text-indent属性，它的值允许使用...

2020-12-23

236浏览

0评论

css h1不占一行怎么办

H1标签是在网站制作过程中，经常用到的一个标签，他的作用仅次于Title，在seo方面，这个标签还有H2,H3，这些标签用好了，对网站的优化会有事半功倍的效果。css怎么解决h1不独占一行？H标...

2020-12-23

200浏览

0评论

CSS3中animation实现流光按钮效果

在学习css3的过程中，发现很多看着炫酷的效果，利用css3的属性能很简单的实现，animation是css3动画效果中常见的属性。下面让我们了解一下如何利用这个属性做出以下鼠标停在按钮...

2020-12-22

166浏览

0评论

css怎么实现不定宽水平居中

css实现不定宽水平居中方法1：利用flex大家的第一反应，可能就是 flex 了。因为它的写法够简单直观，兼容性也没什么问题。是手机端居中方式的首选。<div class="wrapper flex-cen...

2020-12-21

198浏览

0评论

css怎么去掉border的底部

border-bottom-style属性可以设置元素底部边框样式，当属性值设置为“none”时，可以指定无边框。而border-bottom缩写属性设置一个声明中所有底部边框属性。包括： bo...

2020-12-21

555浏览

0评论

css怎么让文字在底部对齐

css让文字在底部对齐的方法：方法1：创建HTML元素<div>文字在div的底部对齐</div>添加css样式div{ width:200px;height:50px; /*设置div的大小*/ border:4px solid #bece...

2020-12-21

197浏览

0评论

css里的图片无法显示怎么办

css里的图片无法显示的原因1、css没有被调用这是需要检查css调用是否成功。2、div设置错误容易导致背景图片高度太大则无法显示，3、背景图片调用路径错误css设置背景用的back...

2020-12-21

94浏览

0评论

css的加载顺序是什么

CSS（Cascading Style Sheets，层叠样式表），它是一种用来表现HTML或XML等文件样式的计算机语言，是用来表示html样式的一种编程语言，是可以做到网页和内容进行分离的一种样式语言。CS...

2020-12-21

150浏览

0评论

CSS 否定伪类是什么

:not(selector)是CSS中的一个否定伪类（选择器），并且接受一个简单的选择器作为参数。本质上，可以使任一其他选择器（作为参数）。:not（选择器）匹配传递参数选择器未选择的元素。传递参...

2020-12-21

193浏览

0评论

css如何写绝对路径

css写绝对路径css写绝对路径需要从盘符开始，依次填写目录名，直到找到需要的文件为止。例如某项目目录如下：css中想引入某张图片可以这么写background: url(E:/py_web/python/mo...

2020-12-21

174浏览

0评论

css img不透明度如何设置

通过 CSS 创建透明图像是很容易的。注释：CSS opacity 属性是 W3C CSS 推荐标准的一部分。创建透明图像 - Hover 效果在本例中，当用户将鼠标指针移动到图片上时，会改变图片的透...

2020-12-21

247浏览

0评论

css实现元素横向滚动的方法

分析：子元素的宽度大于父元素时会出现滚动 overflow-x: scroll; 为水平滚动，overflow-y: scroll; 为垂直滚动，根据需求这里采用水平横向滚动。html代码：<div class="content">...

2020-12-21

265浏览

0评论

css选择器可以插入图片吗

CSS选择器:before、:after可以使用content属性来插入图片。content 属性与 :before 及 :after 伪元素配合使用，在元素头或尾部来插入生成内容。说明：该属性用于定义元素之前...

2020-12-21

191浏览

0评论

css外联样式不起作用怎么办

作为一个前端小白，鼓捣了几天前端。。今天突然发现我深信不疑的东西，竟然出现了问题。。就比如我在css目录下面写了一个css样式文档：style.css。这时里面只有一句话：body {backg...

2020-12-21

115浏览

0评论

CSS中的比较函数：max()、min()、clamp()

CSS 比较函数CSS比较函数有三个： max() min() clamp()min与maxCSS min,max函数作用类似于js函数中的min,max，用于取多个属性中的最小值或者最大值，属性之间用逗号分隔。例子如...

2020-12-21

480浏览

0评论

CSS 鼠标悬浮在图片上添加遮罩层效果的实现

先看效果：
鼠标移在图片上时，添加阴影效果+文字 / 图标
实现的关键是 CSS 的 opacity 和 hover，本文也主要介绍遮罩层的实现
HTML:<div class="img_div"> <img src="item.i...

2020-12-19

178浏览

0评论

dw中如何格式化CSS代码

首先，用DW打开一个已经写好的css文件，看一下编辑好的，没有格式化之前的代码的样子。然后，我们点击软件窗口上方的“命令”选项，在弹出的菜单中点击“应用源格式&r...

2020-12-18

365浏览

0评论

css flex布局的优缺点是什么

1、flex布局是个什么东西？官方说法：Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。民间说法：flex...

2020-12-18

129浏览

0评论

css3 skew()属性怎么用

css3倾斜属性skew()刚开始接触CSS3的2D变换属性，就被这个skew（）搞的一头雾水，不知道具体是怎么变化的！研究了一会才发现，CSS3的斜切坐标系和数学中的坐标系完全不一样（设置斜切原点...

2020-12-18

145浏览

0评论

css什么时候用padding

margin和padding在许多地方往往效果都是一模一样，而且你也不能说这个一定得用margin那个一定要用padding，因为实际的效果都一样，你说margin用起来好他说padding用起来会更好，但...

2020-12-18

489浏览

0评论

如何解决css老显示不在本地磁盘的问题

css老显示不在本地磁盘？错误原因有两个： css文件路径填写的不对 link标签书写错误解决方法及步骤如下：1、使用浏览器访问该页面，查看源代码，点击进入该css，查看是否存在2、访问...

2020-12-18

479浏览

0评论

css样式怎么插入背景图片

在css中，可以使用background-image或background属性来插入背景图片。background-image 属性background-image 属性设置一个元素的背景图像。元素的背景是元素的总大小，包括填...

2020-12-18

254浏览

0评论

css如何修改背景图片宽高

CSS修改背景图片宽高（大小）的方法在CSS中，可以使用background-siz属性来修改背景图片的宽高（大小）。background-size属性可以设置背景图片的宽度、高度，可以是百分比值，也可以像素（p...

2020-12-18

205浏览

0评论

css如何使文字垂直对齐

一、单行文字垂直居中对齐如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。示例：<!DOCTYPE html>...

2020-12-18

250浏览

0评论

css怎么选择父元素

css选择器选择自己的父元素1.双击打开HBuilderX工具，创建一个新的HTML5静态页面，如下图所示:2.在body标签元素中插入多个div标签，并用div将它们嵌套在div中，如下图所示:3.在标题...

2020-12-18

热门文章