![用CSS制作三角形，替代背景图片]( "用CSS制作三角形，替代背景图片")
- 网页设计，制作，在早期，一般都是用背景图片来呈现三角形，比如一个提示窗口，有一个三角形图标指示，这个图标一般就是背景图片来的。现在我们不用背景图片，直接用CSS来生成，需要怎么做呢？操作方法（01）先看下html代码，代码很简单，就是几个div，我们为其中一个div加上样式名，angle,这个div就是...
- 28418
![css设置字体间距]( "css设置字体间距")
- 操作方法先看下我们的html代码，很简单，就是一个div里有一段文字，我们为这个div添加了一个样式zn默认情况下，不加任何样式时，这段文字的间距是很小的，如图为了添加文字的间距，我们可以添加letter-spacing的样式，添加一个zn的样式名，样式代码为letter-spacing:12px;就是每个文字间会...
- 27889
![CSS系列：[1]CSS实现半透明div层的方法]( "CSS系列：[1]CSS实现半透明div层的方法")
- 首先，先看一下实例，如下：<htmlxmlns=""><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><style>#div1{margin:0pxauto;width:500px;height:370px;text-align:center;background:url(../demoimg/3.jpg);}#div2{ height:330px;filter:alpha(Opaci...
- 24525
![CSS 的overflow:hidden 属性详细解释]( "CSS 的overflow:hidden 属性详细解释")
- 操作方法首先我们写一个div，div里就是一段文字。然后写一些css样式，关键部分是指定div的宽度，如图的样式代码刷新页面，可以看到我们的文字在超长的时候，显示在div的外面了。这时就要用到我们的overflow:hidden样式了。该样式就是为了避免超长时，显示内容溢出的，在样式里添加上这...
- 11356
![css空格符号怎么打]( "css空格符号怎么打")
- 在CSS中的空格不是直接就可以按Space空格键就可以敲出来，而是需要通过特别的方式才能显示空格操作方法（01）想插入空格的代码中插入&nbsp；即可。一个&nbsp代表一个空格（02）如果是想通过空格缩进，可以通过divcss{text-indent:50px}，这里divcss对象内段落首行开头文字缩进了...
- 25297
![css设置边框阴影;box-shadow的使用]( "css设置边框阴影;box-shadow的使用")
- 如何使用box-shadow设置边框阴影。box-shadow:X轴偏移量Y轴偏移量[阴影模糊半径][阴影扩展半径][阴影颜色][投影方式]。投影方式有两种：inset、outset，默认投影方式outset。将通过案例来讲述如何设置边框阴影。操作方法（01）打开前端开发工具，新建一个html文件，然后在这个html文...
- 10554
![HTML与CSS的关系是什么]( "HTML与CSS的关系是什么")
- 在网页设计中，往往会利用到HTML与CSS的结合，HTML是实现大致框架的，而CSS则是为HTML框架设置想要设定的样式属性，两者相结合可以完整的生成出相应的静态网页。操作方法（01）打开editplus编辑软件，然后分别新建一个HTML文档与CSS文档，并分别命名、（02）下面就是将HTML于CSS关联起来，CSS...
- 18195
![用Css如何制作圆形？]( "用Css如何制作圆形？")
- 网页开发中，经常会用到一些小图标，比如一些箭头之类的，圆形图标也是经常用到的，很多时候这些图标都是直接使用图片来处理。我们这里介绍一下用css来制作圆形图标，而不是用图片。下面一起看下。操作方法（01）首先看下我们的html代码，很简单，就是一个div，用这个div来呈现一个圆，<divcla...
- 15240
![css透明度，css图片透明度设置方法]( "css透明度，css图片透明度设置方法")
- 在一些网站的登录页面上，经常可以发现，一张图片叠加在另一张图片上，底层的图片若隐若现，利用css中的透明属性opacity可以实现这种效果，下面就简单介绍一下怎么写代码操作方法新建一个HTML文件，下载两张图片，如下图，放在一个文件夹中，避免出现路径问题代码示例如下，主要利用css伪元...
- 29253
![CSS水平居中的9种方法]( "CSS水平居中的9种方法")
- 容器的居中显示在网页设计中是很常见的，居中显示可以获得视觉的焦点，是内容更加突出，下面就简单的说明一下如何在HTML中通过样式的控制来实现操作方法最常见的一种，代码示例如下图，首先，取big一半像素大小赋给small层，通过margin:0auto;text-align:center来实现第二种方法，代码示...
- 13247
![HTML中引入css和js的方法]( "HTML中引入css和js的方法")
- 我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面小编给大家演示一下。工具/材料SublimeText操作方法首先新建一个文件夹，在文件夹下面建立如下图所示的文件接下来用SublimeText打开HTML文件，写入HTML结构，如下图所示然后我们在Head标签内用link标签引入CSS文件，如下...
- 8548
![Html, Css制作显示简单的小屋]( "Html, Css制作显示简单的小屋")
- 做网页开发，有时候需要在页面呈现一些小场景，比如显示一个球，显示一间小屋，显示一棵小树等等，有时会结合图片来显示，有时直接用html+css来显示。下面我们一起来看下，直接用html+css来显示一间简单的小屋。操作方法（01）我们先写个容器div，小房就放在这个容器里，看下html代码，<divclass...
- 19038
![如何理解CSS的盒子模型]( "如何理解CSS的盒子模型")
- 当我们在写一个html页面时，页面中的每一个元素都相当于一个盒子。在网页上右键选择“检查”时，我们可以在开发者工具的Element选项中看到页面中有哪些元素，点击某一个元素，可以看到该元素的宽高和背景色等信息，同时下方会展示一个方框套一个方框的盒子，上面标注有尺寸信息，如下...
- 13222
![CSS 相对定位和相对定位的区别]( "CSS 相对定位和相对定位的区别")
- css布局中的position:static|absolute|fixed|relative的4中属性从上面语法可以看出，定位的方法有很多种，它们分别是静态(static)，绝对定位(absolute)，固定(fixed)，相对定位(relative)。在这个教程里，我不逐一讲，只讲最常用也是最实用的两个定位方法：绝对定位(absolute)、相对定位...
- 16749
![CSS设置DIV的定位绝对定位和相对定位]( "CSS设置DIV的定位绝对定位和相对定位")
- 设置DIV或者其他元素在浏览器中显示的位置是HTML布局中重要的一个内用，我们通过合理的布局使得我们的网站美观大方，这里我就来说说如何使用CSS来给div定位。操作方法（01）首先我不给div定位来看看两个div在浏览器中是如何显示的，具体的代码如下：<html><head><title>CSSdiv定位</...
- 22281
![如何创建css：设置样式表]( "如何创建css：设置样式表")
- 如何使用css设置样式？今天给大家分享下学习css初的时候，怎么用也就是创建。css设置样式分为三大类：外部样式表、内部样式表、内联样式。让我们一起来了解下吧操作方法（01）在桌面新建一个“文件夹”，然后在文件夹下建一个“txt文件”。（02）在txt文件下增加标准网页声明<!doctypeht...
- 10823
![首页index.html中如何调用CSS系统和引用标签？]( "首页index.html中如何调用CSS系统和引用标签？")
- 网页设计中，一般从单页面中的首页设计开始，本文用图文的方式介绍如何在首页文件中调用CSS中的引用标签和系统标签。让初学网页设计人员更能清楚的了解html代码的运行方式，从而在以后的设计中举一反三，灵活应用。操作方法（01）打开Dreamweaver8，分别新建html和css格式的文件，分别存...
- 19009
![CSS样式的优先级详解]( "CSS样式的优先级详解")
- 在做网页开发，基本上都会处理CSS样式的，css样式的优先级大家都弄清楚了吗？如果不清楚，自己写的样式为什么被覆盖了都不知道的。下面一起来了解下。操作方法（01）同级别的样式，后面写的样式，肯定会比前面的更优先。（在样式里不添加!important属性的情况）代码如图（02）运行页面，可以看到我...
- 16031
![CSS技巧分享：如何用css制作横排二级下拉菜单]( "CSS技巧分享：如何用css制作横排二级下拉菜单")
- 工具/材料notepad++浏览器操作方法打开Notepad++，先输入个页面框架<！DOCTYPEhtml><htmlxmlns=""><hade></hade><body></body>框架好了，那么就该定义页面的title，关键词keyword，和描述description<metacharset="UTF-8"content="text/html"http-equiv="content-type"><title>纯c...
- 10567
![怎样在F12下查看源码和调试网页CSS]( "怎样在F12下查看源码和调试网页CSS")
- 怎样在F12下查看源码和调试网页CSS？下面我们就来看一下具体是如何操作的吧。操作方法首先我们需要打开一个网页，然后按F12开始查看源码。调出代码之后，然后选择你想修改网站框架的地方。在最右边的一块代码中就是属于网页的CSS样式表，然后我们鼠标放在上面，就会在代码前面出现...
- 14572
![用css如何制作圆环？]( "用css如何制作圆环？")
- HTML开发中，我们可以用图片制作图标，也可以用CSS来生成一些简单的图标，比如正方形，三角形，圆形等等。但可以生成圆环吗？不能直接生成，但可以通过间接的方法来生成，我们可以通过二个圆来完成。操作方法（01）看下我们例子的html代码，如图，很简单，就是一个大的div，包含二个div。<divclass="...
- 21932
![css行间距怎么设置]( "css行间距怎么设置")
- CSS指的是层叠样式表，可以用CSS来修改网页的格式。下面，我们来看看css行间距怎么设置吧。操作方法输入代码在<body>主体中输入两行文字，如下图所示：然后再用<br/>分段，如下图所示：再输入type样式表，主要是用来放CSS代码内容的，如下图所示：输入CSS内容然后再输入CSS内容，即可看到行...
- 21359
![css圆角边框代码，css3中div圆角边框是怎么写的]( "css圆角边框代码，css3中div圆角边框是怎么写的")
- css3有一种新功能就是给div或者是图片等圆角，圆角代码怎么写你知道吗，作为一个经常写css的网站制作者，今天跟大家分享一下css圆角边框代码，当然图片圆角也是一样的，我分享的代码尽量兼容各种浏览器，包括ie、360浏览器、搜狗浏览器、谷歌浏览器等操作方法（01）css代码：{padding:10px...
- 20208
![用CSS怎么设置网页的背景色]( "用CSS怎么设置网页的背景色")
- 下面咱们来看看用css怎么设置网页背景颜色。操作方法（01）首先打开电脑上自带的记事本程序，然后输入html网页基本结构语句。<html><body></body></html>（02）由于css样式必须在标签<head></head>之间，因此我们点击<html>后面，输入<head></head>标签。（03）在head标签之间输入样式标签...
- 24411
![css 圆角 css圆角 css3 圆角代码实现]( "css 圆角 css圆角 css3 圆角代码实现")
- css圆角是一种常用的页面处理方式，css1及css2的处理方式是采用背景图片的方式处理的；css3处理的方式浏览器支持的原生的，使用样式属性border-radius。本文重点讲解的是基于css3的处理方式。操作方法（01）CSS3圆角处理的方式：<divid="yuanjiao"></div>#yuanjiao{padding:10px;wid...
- 15467
妙知谷
![CSS系列：[1]CSS实现半透明div层的方法](https://i2.miaozhigu.com/4d3900d2/5c6055816e/073d06d43b973b2f/576806913fda387156f254dafc7ffe4a8551-s.jpg "CSS系列：[1]CSS实现半透明div层的方法")
