有关CSS的精选知识

健康生活、优质生活从CSS鉴赏列表开始吧，CSS鉴赏列表为您CSS方面提供无微不至的解答，不再不懂CSS方面的知识，不再疑虑CSS方面的知识，健康生活全面开启尽在CSS鉴赏列表。

首页 > 有关CSS的精选知识

css设置鼠标滑过背景变色;鼠标滑过背景变色

在很多网页中我们都看到当鼠标滑过一个内容时，这个内容的背景会改变颜色。设置鼠标滑过背景变色只需用到:hover即可设置成功。语法: div:hover{background-color:red;}操作方法（01）创建一个新的html文件。如图（02）在html...
css清除浮动常用的两种方法

css清除浮动在网页布局中经常试用到的，下面两个方法可以实现浮动第一种方法是clear:both;（01）css代码{width:300px;background:#CCC;padding-bottom:10px;margin-bottom:10px;}{width:145px;height:100px;float:left;bac...
怎样在F12下查看源码和调试网页CSS

怎样在F12下查看源码和调试网页CSS？下面我们就来看一下具体是如何操作的吧。操作方法首先我们需要打开一个网页，然后按F12开始查看源码。调出代码之后，然后选择你想修改网站框架的地方。在最右边的一块代码中就是属于网...
css怎样设置渐变背景

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

做网页开发，有时候需要在页面呈现一些小场景，比如显示一个球，显示一间小屋，显示一棵小树等等，有时会结合图片来显示，有时直接用html+css来显示。下面我们一起来看下，直接用html+css来显示一间简单的小屋。操作方法（01）我们先写...
CSS设置DIV背景色渐变显示

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

在很久很久以前，web工程师通过table进行页面布局（现在Google的picasa等应用还能找到table布局应用的例子），现在页面布局大都推荐div+css方式。所谓的div+css是指通过css控制div的布局。其实这儿div可以理解为统称...
css设置边框阴影;box-shadow的使用

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

CSS指的是层叠样式表，可以用CSS来修改网页的格式。下面，我们来看看css行间距怎么设置吧。操作方法输入代码在<body>主体中输入两行文字，如下图所示：然后再用<br/>分段，如下图所示：再输入type样式表，主要是用来放CSS代码内容...
CSS样式的三种表现用法

学会了CSS样式的三种表现用法，CSS原来可以如此简单！操作方法（01）一.外部样式将CSS样式编写并安放在一个独立的文件内，有<link/>和@import两种方式，而@import基本被放弃使用。<linkrel="stylesheet"href="CSS文件路径"/>实例...
css制作桌面上的两个球

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

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

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

css3有一种新功能就是给div或者是图片等圆角，圆角代码怎么写你知道吗，作为一个经常写css的网站制作者，今天跟大家分享一下css圆角边框代码，当然图片圆角也是一样的，我分享的代码尽量兼容各种浏览器，包括ie、360浏览器、搜狗...
css设置字体间距

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

我在写文章或者做其它东西的时候，自己总有一个网页，我们如何查看自己网页的源代码呢？下面介绍一下。第一种方法：通用方法（01）打开一个网页，在该网页中点击左键，如图（02）点击查看源代码，如图，看到了吗，这一大堆字母就是你这个网页的...
淘宝店铺导航CSS代码使用修改技巧

详解淘宝店铺导航CSS代码使用修改技巧操作方法（01）首先我们进入到店铺的装修页面，将鼠标放在导航上面会出现“编辑”字样，单击，选择“显示设置”选项卡（02）1.修改导航分类下面的背景色，代码如下：-box-bd{background:#000000;}...
怎样用CSS制作响应式布局

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

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

我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面小编给大家演示一下。工具/材料SublimeText操作方法首先新建一个文件夹，在文件夹下面建立如下图所示的文件接下来用SublimeText打开HTML文件，写入HTML结构，如下图...
CSS文字垂直居中

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

在网页设计中，往往会利用到HTML与CSS的结合，HTML是实现大致框架的，而CSS则是为HTML框架设置想要设定的样式属性，两者相结合可以完整的生成出相应的静态网页。操作方法（01）打开editplus编辑软件，然后分别新建一个HTML文档与CS...
如何注释html、css、js代码

不是每行代号都需要注释，但注释代码量要占10%~20%，以免其他人在检测调试代码的时候，不知道这段代码是什么意思，还得从前面开始理解代码，增加别人的工作量。下面，我们来看看如何注释html、css、js代码吧。操作方法html注释的...
css透明度，css图片透明度设置方法

在一些网站的登录页面上，经常可以发现，一张图片叠加在另一张图片上，底层的图片若隐若现，利用css中的透明属性opacity可以实现这种效果，下面就简单介绍一下怎么写代码操作方法新建一个HTML文件，下载两张图片，如下图，放在一个文...
Css visibility和display的使用

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