CSS - 教程之家

99浏览

0评论

css元素如何重叠？

CSS元素的重叠方式方法1、设置负margin给元素设置负margin使其移动后原来的位置是不会保留的负margin可以让元素的占用空间变小后面的元素可以覆盖当前的元素(这里有两个...

2020-11-24

207浏览

0评论

css怎么将字体设置成白色

环境：本文适用于所有品牌的电脑。相关属性：Color属性指定文本的颜色。语法：color : value;属性值： color_name：规定颜色值为颜色名称的颜色（比如 red）。 hex_number：规定颜色值为...

2020-11-23

109浏览

0评论

css怎么设置鼠标手势

环境：本文适用于所有品牌的电脑。相关属性：cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状属性值（部分）： default 默认光标（通常是一个箭头） auto 默认。浏览...

2020-11-23

100浏览

0评论

css怎么控制文字不换行

环境：本文适用于所有品牌的电脑。相关属性：white-space属性指定元素内的空白怎样处理。属性值： normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似...

2020-11-23

189浏览

0评论

CSS3贝塞尔曲线示例：创建链接悬停动画效果

我们将使用 CSS3 动画过渡来创建简单但引人入胜的链接悬停效果，将鼠标悬停在链接上时，会弹出一个小弹出框。

我们还将看一下CSS3 Cubic-Bezier（贝塞尔）曲线，它是 CSS 过渡，为...

2020-11-22

63浏览

0评论

CSS3 实现时间轴动画

实现效果

html

<h2>CSS3 Timeline</h2><p>Please set the $vertical variable to false to see the horizontal version.</p><ul id='timeline'> <li class='wor...

2020-11-22

230浏览

0评论

详解overflow-scrolling解决滚动卡顿问题

前言

如果你对某个div或模块使用了overflow: scroll属性，在iOS系统的手机上浏览时，则会出现明显的卡顿现象。但是在android系统的手机上则不会出现该问题。

解决方法...

2020-11-22

63浏览

0评论

HTML+CSS3+JS 实现的下拉菜单

实现效果

html

<div class="container"> <h1 class="title">Dropdown Menu</h1> <ul> <li class="dropdown"> <a href="#" data-toggle="dropdown">Fir...

2020-11-22

119浏览

0评论

纯CSS3实现的井字棋游戏

运行效果：

html

.tic-tac-toe - for (var turn = 1; turn <= 9; turn++) - for (var row = 1; row <= 3; row++) - for (var column = 1; column <= 3; c...

2020-11-22

119浏览

0评论

CSS3 实现倒计时效果

实现效果

html

%div.wrapper %div.time-part-wrapper %div.time-part.minutes.tens %div.digit-wrapper %span.digit 0 - (-5..0).each d...

2020-11-22

145浏览

0评论

css 背景不滚动的实现方法

打开html开发软件，新建一个html代码页面。在html代码页面的<body>标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。如图设置背景图片...

2020-11-20

113浏览

0评论

css怎么设置全屏背景图片

body、html设置html,body{ height: 100%;}图片所在div设置.wrapper{ background:#000000 url("../../img/login/login.jpg"); background-attachment: fixed; b...

2020-11-20

99浏览

0评论

分享一些提高前端开发效率的CSS 属性选择器！！

属性选择器非常神奇。它们可以使你摆脱棘手的问题，帮助你避免添加类，并指出代码中的一些问题。但是不要担心，虽然属性选择器非常复杂和强大，但是它们很容易学习和使用。在本文中...

2020-11-20

147浏览

0评论

css怎么设置文字描边效果

相关属性：text-stroke-color：<color> 属性设置或检索对象中的文字的描边颜色属性值：<color>：指定文字的描边颜色。兼容性：举例：<!DOCTYPE html><html><head><meta charset="utf-8"...

2020-11-20

110浏览

0评论

css中内联元素可继承的属性有哪些？

css中内联元素可继承的属性1、内联元素可继承的文本系列属性：text-shadow：设置文本阴影line-height：行高word-spacing：增加或减少单词间的空白（即字间隔）letter-spacing：增加或减少...

2020-11-20

144浏览

0评论

css中的角度单位有哪些？

css中的角度单位1、deg度（Degress）。一个圆共360度90deg = 100grad = 0.25turn ≈ 1.570796326794897rad<!DOCTYPE html><html><head><meta charset="utf-8" /><style>.t...

2020-11-20

209浏览

0评论

css怎样设置字体靠左显示

相关属性介绍：text-align属性指定元素文本的水平对齐方式。属性值： left 把文本排列到左边。默认值：由浏览器决定。 right 把文本排列到右边。 center 把文本排列到中间。 ...

2020-11-20

101浏览

0评论

css中z-index是什么意思？

css z-indexz-index ：auto|<integer> auto 默认值定义：一个元素在文档中的层叠顺序，用于确认元素在当前层叠上下文中的层叠级别。适用于：定位元素。即定义了position为非static...

2020-11-20

151浏览

0评论

css中的margin是什么意思

margin是外边距属性，用于定义元素周围的空间。margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。margin 可以单独改变元素的上，下，左，右边距，也可以一次改变...

2020-11-20

67浏览

0评论

css如何让文字有阴影

相关属性：text-shadow 属性应用于阴影文本。语法：text-shadow: h-shadow v-shadow blur color;text-shadow属性连接一个或更多的阴影文本。属性是阴影，指定的每2或3个长度值和...

2020-11-20

145浏览

0评论

css怎么使字体更加紧凑

letter-spacing 属性增加或减少字符间的空白（字符间距）属性值： normal 默认。规定字符间没有额外的空间。 length 定义字符间的固定空间（允许使用负值）。 inherit 规定应该从...

2020-11-19

101浏览

0评论

css如何设置图片轮廓

相关属性：outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline简写属性在一个声明中设置所有的轮廓属性。可以设置的属性分别是（按顺序）：outl...

2020-11-19

114浏览

0评论

css属性可分为哪几大类

css属性根据继承性可以分为两大类，分别是：可继承性属性、不可继承性属性。一、可继承属性所有标签可继承： visibility:行高 cursor内联标签可继承： line-height:行高 color:...

2020-11-19

122浏览

0评论

css怎么设置文字只读且不可复制

相关属性：user-select属性设置或检索是否允许用户选中文本。语法：user-select：none |text| all | element属性值：none：文本不能被选择text：可以选择文本all：当所有内容作为一个整体...

2020-11-19

119浏览

0评论

如何只使用1个css属性来创建响应式网站？

用一个CSS属性创建一个响应式网站，下面本篇文章就来给大家介绍一下它是如何做到的。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。以这个模板为例，没有应用c...

2020-11-18

117浏览

0评论

css怎么隐藏文本超出部分

属性介绍：text-overflow属性指定当文本溢出包含它的元素，应该发生什么。语法：text-overflow: clip|ellipsis|string;属性值： clip 修剪文本。 ellipsis 显示省略符号来代表被...

2020-11-18

147浏览

0评论

css中的文本属性有哪些

css中的文本属性有：1、文本颜色color属性用于定义文本的颜色div {color:red;}开发中最常用的是十六进制2、对齐文本text-align属性用于设置元素内文本内容的水平对齐方式div...

2020-11-18

143浏览

0评论

css中的透明度属性是什么

css中的透明度属性是opacity。属性：opacity 属性设置元素的不透明级别。语法：opacity: value|inherit;属性值：value 规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）。inherit...

2020-11-18

68浏览

0评论

css属性选择器有什么用？

在HTML中的元素都可以具有属性，这些属性是显示或修改其行为的附加值。html中包含许多属性，但不是所有HTML元素都适用所有的属性。与元素无关的属性不会对它有任何影响。不管该...

2020-11-18

820浏览

0评论

css3 @media怎么不起作用？是什么原因？

在网页制作中，利用@media screen实现网页布局的自适应，匹配不同访问设备。只需在CSS中添加@media screen属性，针对不同设备的宽度进行编写CCS样式，根据浏览器宽度判断判断样式文...

2020-11-18

178浏览

0评论

css怎么设置字体位置

相关属性：text-align属性指定元素文本的水平对齐方式。属性值： left 把文本排列到左边。默认值：由浏览器决定。 right 把文本排列到右边。 center 把文本排列到中间。 just...

2020-11-17

408浏览

0评论

css给文字添加描边的方法是什么

相关属性：text-shadow 属性应用于阴影文本。语法：text-shadow: h-shadow v-shadow blur color;属性值： h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影...

2020-11-17

101浏览

0评论

CSS什么是圣杯布局？

前端的两个经典布局想必大家都有多了解--圣杯布局和双飞翼布局，因为它既能体现你懂HTML结构又能体现出你对ＤIV+CSS布局的掌握。事实上，圣杯布局其实和双飞翼布局是一回事。它们...

2020-11-17

100浏览

0评论

CSS布局的实用小技巧：margin负值

负边距即margin属性的值设为负值，在CSS布局中时一个很有用的技巧。值为正的场景很常见，大家都很熟悉其表现当margin-top、margin-left为负值的时候，会把元素上移、左移，同时文...

2020-11-17

453浏览

0评论

chrome开发者工具怎么查看css代码

chrome devtools 是前端开发再也熟悉不过的调试工具了。那么我们究竟有多了解它，这里总结了一些常用的CSS调试操作。查看CSS查看元素对应的样式1、打开调试工具，点击调试工具...

2020-11-17

126浏览

0评论

css怎么设置鼠标变背景

CSS代码实现鼠标移过更换背景图片很多时候我们都能够看到，当我们用鼠标移过去的时候，指向的图片将会变成另外一个图片。下面我就将实现该功能的代码分享出来，希望能够帮助到大...

2020-11-17

276浏览

0评论

如何让css hover 失效

CSS中hover失效的几个原因：在设置CSS的hover时，有时会发现hover不起作用，总结一下原因：提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。提示：在 CSS...

2020-11-17

311浏览

0评论

css怎么设置超链接字体加粗效果

相关属性：font-weight 属性设置文本的粗细属性值： normal 默认值。定义标准的字符。 bold 定义粗体字符。 bolder 定义更粗的字符。 lighter 定义更细的字符。 inherit...

2020-11-17

468浏览

0评论

css网页乱码怎么办

解决方法一：CSS中出现的乱码都是由于CSS字符编码与页面的字符编码不一致所引起的，因此最直接的方法就是使字符编码一致。将CSS指定编码类型，例：@charset "utf-8";（指定编码类型为...

2020-11-17

141浏览

0评论

使用css有什么优势

优势：1、内容与表现分离2、网页的表现统一，容易修改3、丰富的样式，使得页面布局更加灵活4、减少网页的代码量，增加网页的浏览速度，节省网络带宽5、运用独立于页面的CSS，有利于网页...

2020-11-17

428浏览

0评论

css如何实现不显示元素

css中的display和visibility属性都可以用来隐藏和显示html元素。display属性：display 属性规定元素应该生成的框的类型。属性值： none 此元素不会被显示。 block 此元素将显...

2020-11-17

424浏览

0评论

css怎么设置字体倾斜样式

相关属性介绍：font-style属性指定文本的字体样式。属性值： normal 默认值。浏览器显示一个标准的字体样式。 italic 浏览器会显示一个斜体的字体样式。 oblique 浏览器会显...

2020-11-17

452浏览

0评论

css伪类分为哪几种

CSS伪类分两种：1、UI伪类：会在HTML元素处于某种状态时（比如鼠标指针位于连接上），为该元素应用CSS样式。2、结构化伪类：会在标记中存在某种结构上的关系时（如某个元素时一组元素中的...

2020-11-17

122浏览

0评论

css什么时候清除浮动

清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法？
一.什么时候需要清除浮动？我们对元素进行了浮动(float)时，我们的元素就会脱离文档流，像一只小船一样漂流在文档之上。在 C...

2020-11-17

244浏览

0评论

css中有哪些UI元素状态伪类选择器

UI元素状态伪类选择器的特征：指定的样式只有在某种状态下才起作用。分别为： E:hover 用于指定当鼠标指针移动到元素上面时元素所使用的样式； E:action 用于指定元素被激活（鼠...

2020-11-17

483浏览

0评论

css如何设置首行缩进2个字符

相关属性：text-indent 属性规定文本块中首行文本的缩进。属性值： length 定义固定的缩进。默认值：0。 % 定义基于父元素宽度的百分比的缩进。 inherit 规定应该从父元素继承...

2020-11-17

447浏览

0评论

CSS3做出多样边框特效

半透明边框实现效果：实现代码：<p>你能看到半透明的边框吗？</p>p { /* 关键代码 */ border: 10px solid rgba(255,255,255,.5); background: white; background-cli...

2020-11-14

422浏览

0评论

CSS实现大型下拉菜单步骤详解

这是一款纯CSS实现的大型下拉菜单。该大型菜单使用HTML和纯CSS代码制作，没有任何js代码，不依赖任意第三方插件。适合用于栏目分类较多的大型网站使用。HTML结构该大型菜单的HT...

2020-11-14

432浏览

0评论

CSS与媒体查询实现网页导航功能（附代码）

附上效果图，如果大家感觉不错，请参考实现代码：代码如下，复制即可使用：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style...

2020-11-14

73浏览

0评论

css操作控件实现disable效果

用js的event可以用来阻止input,select,checkbox的默认事件，如event.preventDefault()event.stopPropagation()其实用纯CSS也能实现，如input { pointer-events: none;}然后...

2020-11-14

热门文章