CSS - 教程之家

168浏览

0评论

css实现将网页变成黑白色

将整个网页全局变色有三种方法，分别是：css直接设置，添加svg滤镜，通过js遍历所有标签更改颜色。1、css直接设置直接编辑样式，然后在需要应用的地方设置class.gray { -webkit-f...

2020-05-12

146浏览

0评论

了解CSS九宫格布局的几大实现方法

除非特别说明，以下几种方式的通用html结构如下：<div class="box"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</...

2020-05-09

515浏览

0评论

css文件修改不生效怎么解决？

修改css文件不生效1、F12查看css样式，看是否被别的样式覆盖了，如果覆盖可以使用!important强制修改css样式2、在网页上面Ctrl+F5强制刷新3、只针对于使用了加速器的网站。登录...

2020-05-09

181浏览

0评论

css如何让文字不能选中？

CSS设置文字不能被选中兼容写法：/*设置文字不能被选中以下为css样式*/-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;说明：us...

2020-05-09

231浏览

0评论

css如何在界面滚动时不出现滚动条？

需求：在界面滚动时，元素右侧不显示滚动条。查了网上的答案，最后总结了一下几个情况。1、设置常规的滚动条：使用 overflow:auto。父元素需要设置一个高度，设置相对定位，这样子元素...

2020-05-09

189浏览

0评论

CSS如何设置强制不换行？

强制换行与强制不换行用到的属性我们一般控制换行所用到的CSS属性一共有三个：word-wrap; word-break; white-space。这三个属性可以说是专为了文字断行而创造出来的。首先我...

2020-05-09

137浏览

0评论

关于css中清除浮动（clearfix）的介绍

清除浮动clearfix实例代码：.clearfix:after, .clearfix:before { content: " "; display: table;}.clearfix:after { clear: both;} .clearfix{zoom...

2020-05-09

168浏览

0评论

font属性的综合写法

font属性的综合写法，书写顺序分别是：font-style font-variant font-weight font-size font-family。实例：.ziti {font:italic normal bold 18px arial;}如果哪项属性是默认值，可...

2020-05-09

141浏览

0评论

CSS属性box-sizing详解

CSS盒模型你需要先了解CSS盒模型CSS盒模型中 width 与 height 的计算规则：在CSS中，你设置一个元素的width与height只会应用到这个元素的内容区。如果这个元素有任何的 border...

2020-05-09

118浏览

0评论

行内元素与块级元素有什么区别

块级元素1、总是从新行开始2、高度、行高、外边距以及内边距都可以控制3、宽度默认是浏览器的100%4、可以容纳内联元素以及其他块元素行内元素1、和相邻元素在一行上

2、高...

2020-05-08

122浏览

0评论

如何利用css改变浏览器滚动条样式

注意：该方法只适用于 -webkit- 内核浏览器滚动条外观由两部分组成：1、滚动条整体滑轨2、滚动条滑轨内滑块在CSS中滚动条由3部分组成name::-webkit-scrollbar //滚动条整体样式...

2020-04-28

141浏览

0评论

如何利用css生成可控虚线

目的：生成如下图所示虚线实现方式实现方式，有的人用多个span生成，一个小圆点就是一个span，这样是可以，但是整个状态改变比较麻烦，有什么方式生成可以控制的虚线呢？生成dashed生成横...

2020-04-27

227浏览

0评论

用CSS播放声音的几种技巧方法

CSS 是样式、布局和表示的领域。它充斥着颜色、大小和动画。但是你知道吗，它还可以在网页上控制播放声音。本文介绍了一些技巧。实际上它并不是真正的 hack，而是针对 HTML 和...

2020-04-20

124浏览

0评论

利用CSS中的 outline-offset 属性实现加号

假设有这么一个初始代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...

2020-04-20

188浏览

0评论

通过iframe监听一个DOM元素大小变化

开发过程中经常遇到的一个问题就是如何监听一个 div 的size变化。比如我用canvas绘制了一个chart，当canvas的size发生变化的时候，需要重新绘制里面的内容，这个时候就需要监听re...

2020-04-20

191浏览

0评论

CSS 实现渐变效果小结( linear-gradient线性渐变和 radial-gradient径向渐变)

线性渐变( linear-gradient )background-image: linear-gradient(to 方向, 开始颜色, 中间颜色1, 中间颜色2, ... , 结束颜色 );四个方向的组合-八个方向
top, right, botto...

2020-04-20

1082浏览

0评论

Bootstrap 4设置响应式字体大小

Bootstrap v4.3引入了响应字体大小（RFS），您可以在SCSS编译器中启用它。如果你正在为你的项目编译CSS，我强烈建议你打开它。如果您从CDN加载Bootstrap，您将无法利用这些RFS规则。...

2020-03-21

164浏览

0评论

清除苹果手机input的默认样式，默认椭圆真的很丑

默认是下图这样的：改造后为下图这样的：方法就是在你css加上下面这一行代码就可以了：input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -...

2020-03-20

134浏览

0评论

纯CSS导航菜单下拉效果

导航下拉，大家首先想到的是用JS来做。或许是大家看到的下拉菜单演示，多是JS控制的下拉，导致从先入为主的意识上，误以为二级下拉是很难的东西，必须要会Javascript才能做。其实，一个...

2020-03-18

148浏览

0评论

如何将文章列表用<li>分两列显示

我们平时用ul或ol标签来罗列文章列表时默认是一列，为了美观起见，想把它们两列显示要如何操作呢？怎么用css定义它们？其实相对比较简单，用几行css样式定义一下就够了，可以用div + cs...

2020-03-02

161浏览

0评论

网页顶部随滚动条由透明变不透明

<div class="i-gd-header" id="header" style="background: rgba(255,255,255,0)"> <div class="i-gd-header-left" onclick="closeWindiw(isApp)"><i class="iconfont i...

2020-03-02

140浏览

0评论

纯CSS实现导航下拉功能

导航下拉这东西，还是很多人需要的。本文就大概的来讲一下如何实现导航下拉。这里用的是ZBlogPHP，其他程序效果自测，不保证通用。先上代码，CSS部分是这样的：CSS#nav{font-size...

2020-02-23

113浏览

0评论

CSS垂直居中的8种方法，附详细的图文教程

1、通过verticle-align:middle实现CSS垂直居中。通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是有一点需要格外注意，vertical生效的前提是元素的display：inli...

2020-02-22

151浏览

0评论

6条网页设计配色原则,让你秒变配色高手

网页设计好不好看,颜色是毋庸置疑要排首位的,所以关于颜色的搭配技巧以及原则,对于每一个要学习web前端设计的新手来说,这都是一个重要的学习过程.在本教程中我们将与你分享...

2020-02-22

133浏览

0评论

用js+css3来写一个自适应栏目导航

有些站长说想做一个手机适应的网站,但是导航太难了,如果要使用框架的话,代码非常多,冗余.再用dreamwear打开,那直接就不响应了.我一直都喜欢用简单的代码来实现,js,css3利用...

2020-02-22

124浏览

0评论

css选择器四大类：基本、组合、属性、伪类

什么是选择器？选择器的作用是通过它可以找到元素，把css样式传递给元素！css选择器主要分为：基本选择器、属性选择器、组合选择器与伪类选择器四个大类！css基本选择器基本选择器又...

2020-02-20

113浏览

0评论

css常用样式font控制字体的多种变换

CSS 字体属性定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）font-family控制字体，由于各个电脑系统安装的字体不尽相同，但是基本装有黑体、宋体与微软雅黑...

2020-02-20

138浏览

0评论

css常用样式对文本的处理演练

CSS文本属性可定义文本的外观，这是毫无疑问的，其次css可以通过以下属性改变文字的排版，比方说letter-spacing实现字符间距text-indent: 2em;完成首行缩进2字符word-spacing改变...

2020-02-20

224浏览

0评论

a链接四种伪类状态切换实现人机交互

常见的color, font-family, background 等css属性都能够设置链接的样式，a链接的特殊性在于能够根据它们所处的状态来设置它们的样式。a标签与人交互的4个状态属于伪类状态切...

2020-02-20

141浏览

0评论

css如何玩转有序无序列表项list样式

在无序列表ul>li中，无线列表的标志是出现在各列表前面的圆点。在有序列表ol>li中，前面默认带有数字，如何修改列表前面的项目符号，只需要通过list-style调整就好，常见的符号有（/*内...

2020-02-20

200浏览

0评论

网页设计中垂直水平居中的几种方法

垂直水平居中的方案有很多，有时候容易搞混。其实细分下来主要有两种场景：元素宽高未知的场景、元素宽高已知的场景。针对这两种情况，后文分别列出集中主流的垂直水平居中方案。...

2020-01-07

264浏览

0评论

用一个div加一段css代码画一个太极图

在王海达博客看到了这段代码，仅使用一个div和css就画出了一个标准的太极阴阳鱼图。看了下代码，发现其利用了伪元素以及拆分border边框，巧妙的使用css3来实现较为复杂的图案，于是...

2019-12-16

226浏览

0评论

css如何实现隔行变色？

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。css实现隔行变色：<htm...

2019-11-11

176浏览

0评论

css怎么调整div的位置？

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。下面我们来看一下css调整div位置的方法。可以使用css...

2019-11-11

229浏览

0评论

sass基本特性有哪些？

Sass是一种层叠样式表语言，是CSS的扩展，使您可以使用变量，嵌套规则，内联导入等内容。它还有助于保持组织有序，并允许您更快地创建样式表。sass基本特性有哪些？1、声明变量注：如果值...

2019-11-11

251浏览

0评论

css浏览器前缀有哪些？

浏览器引擎前缀，是一些放在CSS属性前的小字符串，用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。浏览器引擎前缀(Vendor Prefix)有哪些？ -moz- /* 火狐等使用Moz...

2019-11-11

280浏览

0评论

嵌入式css怎么写？

在HTML中定义CSS的方式有：Embedding（嵌入式）、Linking（引用式）、Inline（内联式）。下面我们来看一下嵌入式css怎么写。嵌入式通过将CSS写在网页源文件的头部，即在<head>和<head>之间，...

2019-11-11

463浏览

0评论

css怎么定位文字？

css怎么定位文字？下面本篇文章就来给大家介绍一下使用CSS定位文字的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在CSS中，可以使用position属性来定...

2019-11-11

207浏览

0评论

css颜色渐变怎么写？

CSS3的语法是建立在CSS原先版本基础上的，它允许使用者在标签中指定特定的HTML元素而不必使用多余的class、ID或JavaScript。css颜色渐变可以使用css3的渐变（gradients）来实现。...

2019-11-11

373浏览

0评论

什么是css链接伪类？

什么是css链接伪类？下面本篇文章就来给大家介绍一下css链接伪类是什么？有哪些？有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。什么是css链接伪类？css链接伪类就...

2019-11-11

642浏览

0评论

浏览器为什么加载不了css样式？

浏览器为什么加载不了css样式？原因是什么？下面本篇文章就来给大家介绍一下浏览器加载不了css样式的原因。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。浏览...

2019-11-11

498浏览

0评论

css百分比不起作用是什么原因？

CSS 的单位对于 CSS 的值有是一个直接影响的。因为 CSS 的单位直接对 CSS 的值的计算是有直接影响的，但有时我们设置百分比值时会出现不起作用的情况，这是什么原因呢？我们该如...

2019-11-11

186浏览

0评论

css可以切割图片吗？

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。css可以使用clip属性来切割图片。语法：clip:rect (top,...

2019-11-11

367浏览

0评论

css中如何拉伸图片？

css中如何拉伸图片？下面本篇文章就来给大家介绍一下在CSS中拉伸图片的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在CSS中，可以使用background-size...

2019-11-11

115浏览

0评论

css乱码怎么处理？

css乱码怎么处理？下面本篇文章就来给大家介绍一下css中文字体乱码的处理方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。css中文字体乱码的处理方法：把c...

2019-11-11

172浏览

0评论

css如何强制换行？

CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小...

2019-11-11

250浏览

0评论

css如何实现div层背景透明而文字不透明？

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。css实现div层背景透...

2019-11-11

400浏览

0评论

css定义样式有几种方式？

css定义样式有几种方式？下面本篇文章就来给大家介绍一下css定义样式的方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。css定义样式的方式有4种：1、链入...

2019-11-11

237浏览

0评论

哪些浏览器支持css滤镜？

css滤镜的标识符是“filter”，总体的应用上和其他的css语句相同。css滤镜可分为基本滤镜和高级滤镜两种。可以直接作用于对象上，并且立即生效的滤镜称为基本滤镜。...

2019-11-11

285浏览

0评论

css li默认有margin值么？

css li默认没有margin值。下面本篇文章就来给大家介绍一下有默认margin、padding值的HTML元素。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。常用元素默...

2019-11-11

热门文章