CSS的知识精选

CSS文本垂直居中

2016-06-13

操作方法先写上html代码，如图，内容很简单，就是一个div里有一段文本。再写上div对应的样式，如图，这里只设置了div的边框和高度，宽度。如果这里显示的话，我们看下页面，文本是不会水平居中和垂直居中的。要让文本水平居中，我们可...

如何应用CSS中position属性

2024-02-01

本文主要是简单的讲解下如何应用cssposition的各个属性的内容，以及如何应用。操作方法（01）首先，我们先简单了解下position的几个属性：static(默认值),relative(相对定位),absolute(绝对定位),fixed(固定定位)。小编将会在...

css清除浮动float的方法

2024-03-06

介绍几种清除浮动的方式，常见常用~代码直接贴图嗷操作方法（01）给父级div人为定义height，解决父级div不能自动获取到高度的问题。（02）添加一个空div，并定义clear:both清除浮动，此时父级div能自动获取高度。（03）为父级div定义伪类...

css设置背景图片大小

2024-01-01

网页的某些装饰可以通过背景图片来渲染，使得网页更加美观，CSS设置背景图片，不仅仅是大小，还有位置，放大方式，透明化之类。都是必备的CSS技能。层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言...

css怎样设置渐变背景

2024-01-13

在当前很多浏览器的网页中,我们可以看到有很多网页都有渐变背景的,那么网页怎样实现渐变背景呢?今天咪咪我就来分享一下HTML中设置渐变背景的方法。操作方法（01）首先,先设置两个div,然后给它们添上类名。（02）然后我们对第...

css设置边框阴影;box-shadow的使用

2024-03-01

如何使用box-shadow设置边框阴影。box-shadow:X轴偏移量Y轴偏移量[阴影模糊半径][阴影扩展半径][阴影颜色][投影方式]。投影方式有两种：inset、outset，默认投影方式outset。将通过案例来讲述如何设置边框阴影。操作方法...

css设置字体间距

2017-02-25

操作方法先看下我们的html代码，很简单，就是一个div里有一段文本，我们为这个div添加了一个样式zn默认情况下，不加任何样式时，这段文本的间距是很小的，如图为了添加文本的间距，我们可以添加letter-spacing的样式，添加一个zn的样...

Css visibility和display的使用

2024-01-02

在CSS样式中，我们如果要设置一个html元素不可见，可以用visibility=hidden，也可以用display=none。这二者有什么区别？下面一起来看下操作方法（01）首先看下我们例子的html代码，主要是二个div，分别有样式v,和d,这二个div都有一个...

用css如何制作圆环？

2024-02-25

HTML开发中，我们可以用图片制作图标，也可以用CSS来生成一些简单的图标，比如正方形，三角形，圆形等等。但可以生成圆环吗？不能直接生成，但可以通过间接的方法来生成，我们可以通过二个圆来完成。操作方法（01）看下我们例子的html代...

CSS系列：[1]CSS实现半透明div层的方法

2023-12-26

首先，先看一下实例，如下：<htmlxmlns=""><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><style>#div1{margin:0pxauto;width:500px;height:370px;text-align:center;background:url(../demoi...

CSS设置DIV背景色渐变显示

2019-07-03

操作方法打开软件可以使用Dreamweaver或Visualstudio软件，比如打开VS软件，如下图所示：创建一个DIV然后在body主体中创建一个div名为【a】，<divclass="a">DIV</div>，如下图所示：设置属性然后设置div的属性，比如高度、宽度和颜...

如何创建css：设置样式表

2024-01-09

如何使用css设置样式？今天给大家分享下学习css初的时候，怎么用也就是创建。css设置样式分为三大类：外部样式表、内部样式表、内联样式。让我们一起来了解下吧操作方法（01）在桌面新建一个“文件夹”，然后在文件夹下建一个“t...

HTML和css怎样制作横排导航条，菜单

2024-03-05

很多小伙伴学习了一段时间的HTML和css，就想自己动手试试制作导航条菜单，不过却没有思路，今天小编我就来分享一下HTML和css制作导航条的实例，大家可以参考参考。操作方法（01）如图，制作导航条菜单一般是用一个div嵌套ul和li标...

怎样用CSS制作响应式布局

2024-03-05

现阶段，随着互联网的发展，人们浏览网页的方式也不仅仅是在电脑PC端了，而更多的是移动端用户。因此，前端开发者面临的问题是，应该怎样开发出适应不同用户的浏览体验的网页呢？响应式布局因此应运而生。响应式布局，顾名思义，即为...

CSS样式的优先级详解

2024-02-25

在做网页开发，基本上都会处理CSS样式的，css样式的优先级大家都弄清楚了吗？如果不清楚，自己写的样式为什么被覆盖了都不知道的。下面一起来了解下。操作方法（01）同级别的样式，后面写的样式，肯定会比前面的更优先。（在样式里不添...

css制作桌面上的两个球

2024-01-05

HTML页面开发中，有时候需要呈现一些场景，有的用图片来完成，有的用css来模拟完成。下面一起来看下，怎样用css来模拟显示一张桌面上的两个球。操作方法（01）首先是html代码，这里的代码如图，主要是用三个div来模拟，样式名为y1,y2的...

如何理解CSS的盒子模型

2024-01-28

当我们在写一个html页面时，页面中的每一个元素都相当于一个盒子。在网页上右键选择“检查”时，我们可以在开发者工具的Element选项中看到页面中有哪些元素，点击某一个元素，可以看到该元素的宽高和背景色等信息，同时下方会...

CSS水平居中的9种方法

2020-12-28

容器的居中显示在网页设计中是很常见的，居中显示可以获得视觉的焦点，是内容更加突出，下面就简单的说明一下如何在HTML中通过样式的控制来实现操作方法最常见的一种，代码示例如下图，首先，取big一半像素大小赋给small层，通过ma...

用CSS制作三角形，替代背景图片

2024-02-25

网页设计，制作，在早期，一般都是用背景图片来呈现三角形，比如一个提示窗口，有一个三角形图标指示，这个图标一般就是背景图片来的。现在我们不用背景图片，直接用CSS来生成，需要怎么做呢？操作方法（01）先看下html代码，代码很简单，就是...

CSS技巧分享：如何用css制作横排二级下拉菜单

2017-05-11

工具/材料notepad++浏览器操作方法打开Notepad++，先输入个页面框架<！DOCTYPEhtml><htmlxmlns=""><hade></hade><body></body>框架好了，那么就该定义页面的title，关键词keyword，和描述description<metacharset="UTF-8"conte...