CSS - 教程之家

113浏览

0评论

css怎么解决网页重叠问题

css解决网页边距重叠下面给大家介绍用css防止边距重叠的几种方法。先假设一组dom结构<div class="parent"> <div class="child"> </div></div>通常情况下，如果给子元素...

2020-12-18

212浏览

0评论

css怎么设置div随着窗口大小变换

设置div随窗口大小改变而发生样式变换，可以使用css3的媒体查询来实现！css设置div随着窗口大小变换1、新建一个div，设置初始化样式给div添加transition，在样式改变时，会具有动画效...

2020-12-18

104浏览

0评论

css实现文字颜色渐变的几种方法

在web前端开发过程中，UI设计师经常会设计一些带渐变文字的设计图，在以前我们只能用png的图片来代替文字，今天可以实现使用纯CSS实现渐变文字了。下面就介绍3中实现方式供大家参...

2020-12-18

112浏览

0评论

css怎么样实现图片圆角

CSS圆角css2.1给元素添加圆角是一件很麻烦的事，老办法是用背景图片实现，制作比较麻烦。css3，border-radius的属性，使圆角属性得到完美的解决。语法border-radius:长度值;说明：长...

2020-12-18

104浏览

0评论

css超链接字体颜色如何改变

1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的<style>标签中，输入css代码：a{font-family: 楷体;font-size: 20px;color: orange;}。3、浏览器运行in...

2020-12-18

117浏览

0评论

css span标签里text-indent不起作用是什么原因？

text-indent 属性规定文本块中首行文本的缩进。注意：负值是允许的。如果值是负数，将第一行左缩进。css span标签里text-indent不起作用的原因而对span设置text-indent没有起...

2020-12-17

127浏览

0评论

CSS3 Cubic-Bezier()实现链接悬停动画效果的方法介绍

我们将使用CSS3动画过渡来创建简单但引人入胜的链接悬停效果，将鼠标悬停在链接上时，会弹出一个小弹出框。我们还将看一下CSS3 Cubic-Bezier（贝塞尔）曲线，它是CSS过渡，为弹出框提供...

2020-12-17

91浏览

0评论

css文件中怎么引用图片不显示

css文件中使用background-image/background引用图片不显示的原因和解决方法css背景图片无法显示，有以下几方面原因和解决方法：　　1、css没有被调用；请检查css调用是否成功。　...

2020-12-17

131浏览

0评论

css3 pie怎么用

CSS3pie是什么？CSS3pie是一款非常优秀的CSS3工具，可以让IE6至IE8版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等等，通过这个工具，可以在线修改想要的效果，并即时生成css代码...

2020-12-17

126浏览

0评论

css宽高不固定如何实现居中

css宽高不固定如何实现居中？方法1：利用flex进行布局大家的第一反应，可能就是 flex 了。因为它的写法够简单直观，兼容性也没什么问题。是手机端居中方式的首选。<div class="wrap...

2020-12-17

171浏览

0评论

css 如何显示部分图片

css如何只显示部分图片？先在html里创建一个div，用来放背景图片的。为div添加css样式，添加背景图片url。刷新页面，可以看到现在是整张图片都显示的。假设我们现在需要只显示图片...

2020-12-17

166浏览

0评论

css 怎么可以不继承样式

css的继承：就是给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。官方解释，继承是一种规则，它允许样式不仅应用于特定的html标签元素，而且应用于其后代元素...

2020-12-17

295浏览

0评论

css盒子模型尺寸如何计算

盒子模型（Box Modle）可以用来对元素进行布局，包括实际内容（content）、内边距（padding）、边框（border）与外边距（margin）这几个部分。一、盒模型的分类盒子模型分为两种：ie盒子模型（怪异盒...

2020-12-17

84浏览

0评论

css行元素跟块元素有哪些相同点

行元素（又名内联元素）跟块元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素，能容纳其他块元素或内联元素。内联元素(inline element)一般都是基于语...

2020-12-17

160浏览

0评论

css怎么定义div的宽度和高度

在css中，可以使用width和height属性来定义div的度度和高度。width 属性设置元素的宽度，height 属性设置元素的高度。这两个属性定义元素内容区的宽度和高度，在内容区外面可以增...

2020-12-17

95浏览

0评论

浅谈原生页面兼容IE9问题的解决方案

前言最近，接了一个客户的原生页面。客户要求该页面必须兼容IE9及其以上版本的浏览器，同时要求360浏览器的兼容模式可以正常访问。360浏览器是可以通过代码强制极速模式的，这个...

2020-12-16

68浏览

0评论

怎么在标签中写css样式

CSS 样式代码必须保存在.css类型的文本文件中，或者放在网页内 <style> 标签中，或者插在网页标签的 style 属性值中（行内样式）。行内样式就是把 CSS 样式直接放在代码行内的标签...

2020-12-16

97浏览

0评论

css属性前缀有哪些

现在主要流行的浏览器内核主要有： Trident内核：主要代表为IE浏览器 Gecko内核：主要代表为Firefox Presto内核：主要代表为Opera Webkit内核：产要代表为Chrome和Safari而这些不...

2020-12-16

98浏览

0评论

css浮动的属性是什么

1. 页面布局方式页面布局方式，主要包含：文档流、浮动层、float属性。1.1 文档流HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。1.2 浮动层浮动层：给元...

2020-12-15

124浏览

0评论

css图片后的文字无法居中怎么办

css图片后的文字无法居中?比如说，现在我要做一个简单的删除按钮，只由一个icon和“删除”两个字组成，你会如何布局，给你30秒时间考虑。好，先亮出HTML代码如下：<div class...

2020-12-15

375浏览

0评论

css中如何调整图片位置

下面我们来看一下css控制图片位置的方法详解：1、使用position属性控制图片位置<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>css控制图片位置</title></hea...

2020-12-15

125浏览

0评论

css文件怎么解压缩

CSS代码压缩原因、为什么要CSS压缩CSS代码压缩最主要因素是，压缩后的CSS代码所占用字节数减少（文件大小减小），如果访问量比较小的网站这点压缩后代码的优势不是很明显。但对于比...

2020-12-15

117浏览

0评论

css vw是什么单位

视口单位(Viewport units)什么是视口？在PC端，视口指的是在PC端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewpor...

2020-12-15

167浏览

0评论

css 微软雅黑不识别怎么办

css设置font-family: "微软雅黑"不识别怎么解决？建议使用font-family: "Microsoft YaHei";。支持UTF-8和GB2312字符集。原因：中文字体容易引起乱码乱码实例：正常代码：font-famil...

2020-12-15

285浏览

0评论

css3中flex布局宽度不生效的解决

两列布局项目中经常会用到，很多种方法可以做这样的效果但是最方便的还是要属flex了，给外层父元素设置display:flex;然后子元素，宽度自适应的那个设置
flex-grow:1;，另外一个设置...

2020-12-14

151浏览

0评论

总结下常用的nth-child选择符

前言在前端编程中我们经常用到nth-child选择符，它可以接受数值也可以接受odd,even等，今天翻阅精通CSS一书才想起它还可以接受一个表达式，类似4n+1,-2n+1等。那他们各自具体有什...

2020-12-14

75浏览

0评论

table表格使用:nth-child()实现隔行变色与对齐

核心代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...

2020-12-14

74浏览

0评论

CSS3 实现的缩略图悬停效果

实现效果实现代码html<header> <h1>Thumbnail Hover Effect with <em>CSS3</em></h1> </header> <div class="wrapper"> <div class="gallery"> <ul> <li><img src="...

2020-12-14

126浏览

0评论

CSS3简易切割轮播图的实现代码

实现思路首先创建一个父容器，用两个无序列表通过弹性布局将父容器分为两栏。在li里面存放图片通过给左边的li {background: url('图片地址') no-repeat; background...

2020-12-14

73浏览

0评论

已知和未知高度下进行垂直水平居中的方法

一、方案一（已知子元素的宽高）1.子元素开启绝对定位，父元素开启相对定位2.子元素设置left、right、top、bottom属性都为0，margin为auto或者（注意2、3步二选一）3.子元素left设为50...

2020-12-14

117浏览

0评论

CSS中3种常见页面布局：双飞翼布局、粘连布局、左右两列布局

一、左右两列布局1、代码如下<!DOCTYPE html><html><head><meta charset="UTF-8"><title>两列布局</title><style type="text/css">*{padding...

2020-12-14

318浏览

0评论

css样式“list-style:none”是什么意思？

“list-style:none”样式表示设置列表项标记的类型为空，即列表项前无标记。list-style 简写属性在一个声明中设置所有的列表属性。该属性是一个简写属性，涵盖了所有...

2020-12-11

196浏览

0评论

css grid布局和flex布局是什么?

一、flex布局简介flex是flexible box（弹性布局）的简介，是一个一维系统，用来为盒状模型提供最大的灵活性。使用：任何容器（行内元素可设置为display:inline-block）;特点：空间分布在行...

2020-12-11

256浏览

0评论

怎么防止别人下载网页CSS

防止别人下载网页CSS：1、禁止页面另存，最简单粗暴！2、CSS元素中的图片通过../../images/来存储，可以有效避免另存和小偷工具的抓取！3、css中的图片元素做防盗链，来源设置为仅可通...

2020-12-08

91浏览

0评论

编写css文件要写head吗

按规范 <style> 需要写在 <head> 中，但是现在多数浏览器也认识写在 <head> 外的 <style>除此之外，也可以使用单独的 .css 文件，通过 <link> 引入页面，<link> 也应该放置在 <head...

2020-12-08

87浏览

0评论

css图片有什么属性

在CSS中，元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。默认地，背景图片位于元素的左上角，并在水平和垂直方向上重复。css背景图片有什么属性？background：背景...

2020-12-08

145浏览

0评论

css怎么让图片随屏幕变化大小

有时我们希望图片能随屏幕大小的缩放而缩放，两种情况：单个图片缩放图片在盒子内缩放裸图片的缩放<style type="text/css"> img { width: auto; height: auto; m...

2020-12-08

112浏览

0评论

css权重如何计算

CSS权重是由四个数值决定，看一张图比较好解释：图里是英文的，我翻译过来分别说一下，4个等级的定义如下：第一等：内联样式，如：style="color:red;"，权值为1000.（该方法会造成css难以管理，所...

2020-12-08

109浏览

0评论

hover在css中的重要作用

:hover 选择器用于选择鼠标指针浮动在上面的元素。提示：:hover 选择器可用于所有元素，不只是链接。在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样...

2020-12-06

96浏览

0评论

css可以在html里面写吗

在HTML中写css的方法：1、内部样式表--在head标签的style标签中写css当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。<...

2020-12-03

320浏览

0评论

css font-size 不管用怎么办

css font-size 失效原因与解决 font-size设置字体大小样式失效原因与解决方法1、设置过小字失效但字体设置小于12px后，有的浏览器将不支持。如：font-size:11px字体大小设置为1...

2020-12-03

348浏览

0评论

css中鼠标点击的五种状态分别是什么

css中鼠标点击的五种状态分别是：1、a:link{color:#fff} 未访问时的状态（鼠标点击前显示的状态）2、a:hover{color:#fff} 鼠标悬停时的状态3、a:visited{color:#fff} 已访问过的...

2020-12-03

78浏览

0评论

如何试着在你的css增加粘稠效果

写在前面

不知道是谁先发现filter:blur和filter:contrast能发生如此奇妙的化学反应的,但这不重要,重要的是你如果学会了这种特效的使用方法，就可以为你的网页添加酷炫的...

2020-12-02

60浏览

0评论

CSS3 实现文字阴影效果

对照代码自取喜欢的样式即可

实现效果

html

<h1 class='elegantshadow'>免费资源网</h1><h1 class='deepshadow'>jb51</h1><h1 class='insetshadow'>免费...

2020-12-02

271浏览

0评论

CSS3 实现飘动的云朵动画

运行效果

html

<head> <meta charset='UTF-8'> <title>CSS3 Cloud Animations By Montana Flynn</title></head><body> <div class="sky"> <div class="moo...

2020-12-02

114浏览

0评论

firefox中css如何把图片变成灰色

属性介绍：filter 属性定义了元素(通常是<img>)的可视效果(例如：模糊与饱和度)。属性值：grayscale(%) 将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值...

2020-11-28

92浏览

0评论

声明css有哪几种方式

声明css有三种方式，分别是：1、在head标签中使用style标签声明：作用：此声明一般声明当前网页的公共样式或者给某个标签的单独样式2、在标签上使用style属性进行声明：作用：此声明会...

2020-11-27

220浏览

0评论

css如何让文字居于div的底部

背景：css对文字的布局上没有靠容器底部对齐的参数，可以考虑使用position属性来解决。属性介绍：position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型。属性值： abs...

2020-11-27

146浏览

0评论

css设置table圆角边框不起作用是什么原因

原因分析：在table中设置border-radius发现不起作用，原因是border-collapse:collapse和border-radius不兼容。css：border-collapse: separate;border-spacing: 0;代码实现：<!DOCT...

2020-11-27

243浏览

0评论

css背景图片显示不完整怎么办

解决思路：通过background-size属性来控制背景图片的大小，从而达到完全显示背景图片的目的。属性介绍：background-size属性指定背景图片大小。语法：background-size: length|perc...

2020-11-27

热门文章