CSS - 教程之家

100浏览

0评论

分享CSS处理图像上文字的几种小技巧

做项目过程中，我们可能会遇到这样的一个组件，该组件的图像上方是文本。在某些情况下，根据所使用的图像，文字难以阅读，如文字是白色的，背景图偏浅。这种情况有一些不同的解决方案，...

2021-04-21

125浏览

0评论

css如何取消加粗

用css去除粗体样式，html有些标签自带粗体样式，可使用css样式去除粗体字体效果。去除粗体CSS属性单词font-weight ——粗体，加粗样式单词去除取消加粗粗体样式：font-we...

2021-04-21

88浏览

0评论

css中div高度怎么设置

css设置div高度在css中，可以使用height属性来设置div高度。代码示例：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style type="text/css"> div { width: 50...

2021-04-21

120浏览

0评论

块元素如何与行内元素转化

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .div1{ width: 200px; height: 200px; background-color: lightyellow; ...

2021-04-20

94浏览

0评论

css如何设置删除线

新建test.html页面，在test.html 页面body区域内，新建一个div，用来存放物品名。在div标签内新建span，用来存放物品价格。在test.html 页面body区域内新建style标签，在style标签里...

2021-04-20

77浏览

0评论

css如何隐藏标签

第一种方法，使用Opacity属性该属性的意思是检索或设置对象的不透明度当他的透明度为0的时候,视觉上它是消失了,但是他依然占据着那个位置,并对网页的布局起作用。它也将响应...

2021-04-20

66浏览

0评论

css如何设置字间距

在CSS中，调整字与字之间的间距的属性是letter-spacing，你通过更改标签的letter-spacing属性值来设置标签内字与字之间的间距。示例：<!DOCTYPE html><html><head><meta charset=...

2021-04-20

114浏览

0评论

css如何设置图片位置

position 属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定...

2021-04-20

115浏览

0评论

css如何设置文字超出省略号

新建一个html页面，在html代码页面找到<body>标签，在<body>标签里创建一个<p>标签，然后输入显示的内容并添加一个class类为 class="cont"。找到<title>标签，在这个标签下面创建一...

2021-04-20

85浏览

0评论

css如何设置最小高度

新建一个html文件，命名为test.html，在test.html文件内，使用div标签创建一个模块，在div内，写上文字用于测试。在test.html文件内，设置div的class属性为mydiv，主要用于下面通过该clas...

2021-04-20

114浏览

0评论

css如何设置td宽度

css直接使用width属性设置表格td的宽度：示例：<!DOCTYPE html><html><head><meta charset="utf-8"> <title>document</title> <style>td.box1 { width:10%; border: medi...

2021-04-20

94浏览

0评论

css如何改变svg颜色

有些时候我们也许会使用css直接操控svg，svg可以像jpg,png那样以图片形式使用，也可以直接以标签形式使用。前者不可以设置颜色，而后者可以。示例：<svg width="8px" height="12px"...

2021-04-20

140浏览

0评论

css段落间距怎么设置

通过CSS设置上下段落之间距离常见有三种方法，分别如下：一、line-height行高我们对line-height的值设置越大，段落间距将会增大，同时字与字行距也会增加，不推荐用此line-height样式...

2021-04-20

153浏览

0评论

css怎么设置图片背景

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

2021-04-20

102浏览

0评论

css如何设置div大小

新建一个html文件，命名为test.html，在test.html文件中，使用div标签创建一个模块，并在div添加文字内容在test.html文件中，设置div标签的class属性为erliu，主要用于下面通过该css设...

2021-04-20

140浏览

0评论

css怎么设置渐变

linear-gradient() 函数--线性渐变linear-gradient() 函数用于创建一个线性渐变的 "图像"。创建一个线性渐变，需要指定两种颜色，还可以实现不同方向（指定为一个角度）的渐变效果，...

2021-04-20

84浏览

0评论

css如何实现背景透明，文字不透明？

使用css3中的rgba：r: red,取正整数或者百分数;
g:green，取正整数或者百分数;
b:blue，取正整数或者百分数;
a:alpha，取0~1之间的数<!DOCTYPE html><html><head><meta charset="ut...

2021-04-20

87浏览

0评论

CSS哪些是常用块元素

css块级元素的定义根据W3C上的解释，就是说block（块级）元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中（除非脱离了文档流）。其实，通俗点来说，就是块元素(blockelement)...

2021-04-20

86浏览

0评论

css如何让文本不换行

css让文本不换行css可以使用white-space属性设置元素内文字不换行，代码示例：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style type="text/css"> p { widt...

2021-04-20

90浏览

0评论

深入了解CSS中的@property特性

根据 MDN -- CSS Property，@property CSS at-rule 是 CSS Houdini API 的一部分, 它允许开发者显式地定义他们的 CSS 自定义属性，允许进行属性类型检查、设定默认值以及定义该...

2021-04-20

185浏览

0评论

css实现文章分割线样式的多种方法总结

这篇文章整理css如何实现文章分割线的多种方式，分割线在页面中可以起到美化作用，那么就来看看使用css实现分割线样式的多种方法。效果如下：方式一：单个标签实现分隔线：html:<div...

2021-04-20

86浏览

0评论

css怎么控制不换行

在CSS中，可以通过white-space属性来实现文字不换行显示；只要将white-space属性的值为nowrap就可强制文字不换行。white-space属性指定元素内的空白怎样处理。它有以下属性值：no...

2021-04-19

106浏览

0评论

css怎么实现不规则表格

HTML文本：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script> <link r...

2021-04-19

103浏览

0评论

怎么用css设置字体

我们选择将我们的样式全部建到一个CSS文档中，通过调用CSS文件来加载样式。在头部调用CSS文件样式。对于CSS，我们最常用的是通过class或是标签名来控制样式。我们控制字体样式...

2021-04-19

120浏览

0评论

css不显示图标怎么办

css引用字体图标时不显示今天犯了一个非常傻的错误，css引用字体图标时没有显示，只有一个小方框。我第一反应是自己的路径不对，回到css开头：检查@font-face

果然，忘了在url()路...

2021-04-19

146浏览

0评论

css输入框怎么设置不可编辑

使input输入框不可编辑的3种方法1、给input标签添加disabled 属性disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也...

2021-04-19

82浏览

0评论

css input样式怎么修改

css改变input框样式目前博主只知道两种方法，如果有同学有别的方法欢迎进行讨论一：利用伪类元素改变radio样式（此方法无需添加额外的标签，更便捷）　.div input[type=radio]::aft...

2021-04-19

112浏览

0评论

css怎么设置最大宽度

max-width 定义元素的最大宽度。说明该属性值会对元素的宽度设置一个最高限制。因此，元素可以比指定值窄，但不能比其宽。不允许指定负值。默认值： none继承性： no版本： CSS2JavaS...

2021-04-19

70浏览

0评论

css怎么设置margin

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。说明这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。块级元素的垂直...

2021-04-19

121浏览

0评论

css怎么隐藏横向滚动条

我们先在html里写上一个div，正常情况下，是没有滚动条的。当我们的页面的内容很长，或主动设置很大的宽度时，就会有滚动条的。运行页面，可以看到出现滚动条了。为了隐藏这个滚动条，...

2021-04-19

169浏览

0评论

css input怎么去掉阴影

input上面有阴影
直接在input css 里写 -webkit-appearance: none; 就行了input{border:none;-webkit-appearance:none;/*去除阴影边框*/outline: none;-webkit-tap-highlig...

2021-04-19

94浏览

0评论

css因mime类型不匹配而被忽略怎么办

IE浏览器“SEC7113: CSS 因 Mime 类型不匹配而被忽略”问题是什么原因？怎么解决？下面本篇文章就来给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望...

2021-04-19

121浏览

0评论

z-index属性是什么

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。注释：Z-index 仅能在定位元素上奏效（例...

2021-04-19

95浏览

0评论

css怎么加下划线

一般有两种方法：一、通过CSS下划线代码：text-decoration:underline来设置文字下划线。实例演示如下：1、实例代码如下：此时页面效果如下：2、修改第1步中的txt样式，加入text-decorat...

2021-04-19

91浏览

0评论

css怎么加阴影

box-shadow属性可以设置一个或多个下拉阴影的框。默认值:none继承:no版本:CSS3JavaScript 语法:object.style.boxShadow="10px 10px 5px #888888"语法box-shadow: h-shadow...

2021-04-19

102浏览

0评论

css怎么隐藏input

隐藏input的三种方法//隐藏不留痕迹<input type="hidden" /><input type="text" style="display:none" /> //占位隐藏,会留下空白<input type="text" style="visibility: hi...

2021-04-19

66浏览

0评论

css如何去除边框

新建一个html文件，命名为test.html，用于讲解CSS如何去掉div的边框。在test.html页面中，创建一个div，并设置其css类名为con，代码如下：使用css设置div在页面居中显示，并设置其宽高都...

2021-04-19

113浏览

0评论

分享使用CSS实现酷炫充电动画效果的小技巧

循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。画个电池当然，电池充电，首先得用 CSS 画一个电池，这个不难，随便整一个：欧了，勉强就是它了。有了电池，那接下来直接充电...

2021-04-19

160浏览

0评论

css如何超出显示滚动条

css超出显示滚动条的方法：方法1：使用三个容器包围起来，不需要计算滚动条的宽度这个方法相对于方法1多加了一个盒子，将内容限制在盒子里面了，这样就看不到滚动条的同时也可以滚动...

2021-04-16

122浏览

0评论

css怎么设置边框为虚线样式

css设置边框虚线样式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style type="text/css"> p.dashed { border-style: dashed } p.solid { bord...

2021-04-16

102浏览

0评论

css实现元素隐藏和显示的属性有哪些

元素的显示与隐藏本质：让一个元素在在页面中隐藏或者显示出来。css可以实现元素隐藏和显示的属性1：display属性 display: none; 隐藏对象 display: block;除了转换为块级元...

2021-04-16

97浏览

0评论

css旋转属性是什么

css旋转属性是“transform”。transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。transform 属性实现旋转的属性值： ro...

2021-04-16

84浏览

0评论

纯 CSS3实现的霓虹灯特效

这是要实现的效果：可以看到，在鼠标移入按钮的时候，会产生类似霓虹灯光的效果；在鼠标移出按钮的时候，会有一束光沿着固定的轨迹（按钮外围）运动。霓虹灯光的实现
霓虹灯光的实现比较...

2021-04-16

172浏览

0评论

纯CSS实现hover图片pop-out弹出效果的实例代码

实现原理主要图形的组成元素由背景和前景图两个元素，以下示例代码中，背景元素使用伪元素 figure::before 表示，前景元素使用 figure img 表示，当鼠标 hover 悬浮至 figure 元素...

2021-04-16

131浏览

0评论

css图片怎么引用

css引用图片第一步：新建一个images文件夹并且放入几张图片。css引用图片第二步：在同级目录中创建一个HTML文件。css引用图片第三步：将images文件夹下的1.jpg插入HTML中即可。<i...

2021-04-16

90浏览

0评论

css如何设置颜色

css设置颜色的方法：color属性color属性指定文本的颜色。该属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）；光栅图像不受 color 影响。这个颜色还会应用到元素的...

2021-04-16

84浏览

0评论

css如何实现幻灯片效果

通过transfrom属性进行2D转换html代码：<section id=box> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>1</li> </ul></section>css代码：<style>...

2021-04-16

93浏览

0评论

css如何设置图片不重复

background-repeat 属性介绍：background-repeat 属性定义了图像的平铺模式。从原图像开始重复，原图像由 background-image 定义，并根据 background-position 的值放置。属性值： ...

2021-04-16

93浏览

0评论

css超出部分如何设置省略号

css超出部分设置省略号的方法：首先，新建一个HTML文档，用于承载CSS保存以上部分，并在浏览器预览效果，此刻是，并未引入CSS设置的效果在HTML的<head>头部定义<style>标签，引入一段内联...

2021-04-16

81浏览

0评论

css如何设置行距

Line-height的值设置为具体的数值，可以是相对数值，也可以设置为绝对数值，在静态页面中，文字大小固定时常常使用绝对数值，而对于论坛和博客这些用户可以自定义字体大小的页面，通常...

2021-04-16

热门文章