![CSS设置DIV背景色渐变显示]( "CSS设置DIV背景色渐变显示")
- 操作方法打开软件可以使用Dreamweaver或Visualstudio软件，比如打开VS软件，如下图所示：创建一个DIV然后在body主体中创建一个div名为【a】，<divclass="a">DIV</div>，如下图所示：设置属性然后设置div的属性，比如高度、宽度和颜色等等，如下图所示：背景渐变色然后设置背景渐变色，代码如...
- 25833
![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
![用CSS画矩形统计表]( "用CSS画矩形统计表")
- 矩形统计表，就是通过矩形形状形象地表达出数据间的数量，关系。用CSS能否处理得了呢？其实不难，画矩形其实就是一个DIV加上背景色就行了。下面一起看下。操作方法（01）首先我们看下，一个简单的矩形，在Html，css里，是怎样画出来的？html就是一个简单的div，如图（02）看下，css样式，我们设置了高度，...
- 31751
![CSS 的overflow:hidden 属性详细解释]( "CSS 的overflow:hidden 属性详细解释")
- 操作方法首先我们写一个div，div里就是一段文本。然后写一些css样式，关键部分是指定div的宽度，如图的样式代码刷新页面，可以看到我们的文本在超长的时候，显示在div的外面了。这时就要用到我们的overflow:hidden样式了。该样式就是为了避免超长时，显示内容溢出的，在样式里添加上这...
- 11356
![css圆角边框代码，css3中div圆角边框是怎么写的]( "css圆角边框代码，css3中div圆角边框是怎么写的")
- css3有一种新功能就是给div或者是图片等圆角，圆角代码怎么写你知道吗，作为一个经常写css的网站制作者，今天跟大家分享一下css圆角边框代码，当然图片圆角也是一样的，我分享的代码尽量兼容各种浏览器，包括ie、360浏览器、搜狗浏览器、谷歌浏览器等操作方法（01）css代码：{padding:10px...
- 20208
![css中设置div居中显示的方法]( "css中设置div居中显示的方法")
- 我们进行页面开发的时候，最经常用的就是div标签了，那么div中的内容如何居中显示呢，下面小编给大家分享一下。工具/材料SublimeText操作方法首先我们用sublime先创建一个html，并且在html里面加入div，如下图所示然后我们在div中加入一些文本，如下图所示，文本用span包裹起来运行页...
- 10360
![CSS样式的优先级详解]( "CSS样式的优先级详解")
- 在做网页开发，基本上都会处理CSS样式的，css样式的优先级大家都弄清楚了吗？如果不清楚，自己写的样式为什么被覆盖了都不知道的。下面一起来了解下。操作方法（01）同级别的样式，后面写的样式，肯定会比前面的更优先。（在样式里不添加!important属性的情况）代码如图（02）运行页面，可以看到我...
- 16031
![DIV + CSS 到底是什么意思？]( "DIV + CSS 到底是什么意思？")
- 在很久很久以前，web工程师通过table进行页面布局（现在Google的picasa等应用还能找到table布局应用的例子），现在页面布局大都推荐div+css方式。 所谓的div+css是指通过css控制div的布局。其实这儿div可以理解为统称，实际应用的不仅是div，还有p，span，img，table等任意节点的定...
- 13509
![如何理解CSS的盒子模型]( "如何理解CSS的盒子模型")
- 当我们在写一个html页面时，页面中的每一个元素都相当于一个盒子。在网页上右键选择“检查”时，我们可以在开发者工具的Element选项中看到页面中有哪些元素，点击某一个元素，可以看到该元素的宽高和背景色等信息，同时下方会展示一个方框套一个方框的盒子，上面标注有尺寸信息，如下...
- 13222
![淘宝店铺导航CSS代码使用修改技巧]( "淘宝店铺导航CSS代码使用修改技巧")
- 详解淘宝店铺导航CSS代码使用修改技巧操作方法（01）首先我们进入到店铺的装修页面，将鼠标放在导航上面会出现“编辑”字样，单击，选择“显示设置”选项卡（02）1.修改导航分类下面的背景色，代码如下：-box-bd{background:#000000;}效果如下（03）如果你想要更加个性，而不想只要简单的纯色块...
- 13672
![HTML与CSS的关系是什么]( "HTML与CSS的关系是什么")
- 在网页设计中，往往会利用到HTML与CSS的结合，HTML是实现大致框架的，而CSS则是为HTML框架设置想要设定的样式属性，两者相结合可以完整的生成出相应的静态网页。操作方法（01）打开editplus编辑软件，然后分别新建一个HTML文档与CSS文档，并分别命名、（02）下面就是将HTML于CSS关联起来，CSS...
- 18195
![css透明度，css图片透明度设置方法]( "css透明度，css图片透明度设置方法")
- 在一些网站的登录页面上，经常可以发现，一张图片叠加在另一张图片上，底层的图片若隐若现，利用css中的透明属性opacity可以实现这种效果，下面就简单介绍一下怎么写代码操作方法新建一个HTML文件，下载两张图片，如下图，放在一个文件夹中，避免出现路径问题代码示例如下，主要利用css伪元...
- 29253
![HTML和css怎样制作横排导航条，菜单]( "HTML和css怎样制作横排导航条，菜单")
- 很多小伙伴学习了一段时间的HTML和css，就想自己动手试试制作导航条菜单，不过却没有思路，今天小编我就来分享一下HTML和css制作导航条的实例，大家可以参考参考。操作方法（01）如图，制作导航条菜单一般是用一个div嵌套ul和li标签，然后li里面有a标签。（02）布局做好之后，开始写导航条的样...
- 17713
![CSS样式的三种表现用法]( "CSS样式的三种表现用法")
- 学会了CSS样式的三种表现用法，CSS原来可以如此简单！操作方法（01）一.外部样式将CSS样式编写并安放在一个独立的文件内，有<link/>和@import两种方式，而@import基本被放弃使用。<linkrel="stylesheet"href="CSS文件路径"/>实例1：相对路径：<linkrel="stylesheet"href=""/>绝对路径：<li...
- 6754
![css设置水平垂直居中]( "css设置水平垂直居中")
- 前端开发中常常需要对某个元素进行设置水平垂直居中，可以通过使用css3提供的transform的translate进行元素居中效果。可以直接看最后一步，里面包含了所有html代码，可直接使用。操作方法（01）新建一个html文件，然后创建一个<div>标签，然后给这个标签设置一个class，案例中class为tes...
- 6149
![HTML样式CSS的三种写法]( "HTML样式CSS的三种写法")
- CSS是样式层叠表，有三种引入方式。下面，我们来看看HTML样式CSS的三种写法吧。操作方法行内样式CSS可以直接放到行内样式中引入即可，比如代码如下图：<pstyle="color:blue;background:red;">helloworld！</p>嵌入式还可以采用潜入方式引入CSS，就是把CSS写到<style>标签中，这种方式...
- 19408
![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
![首页index.html中如何调用CSS系统和引用标签？]( "首页index.html中如何调用CSS系统和引用标签？")
- 网页设计中，一般从单页面中的首页设计开始，本文用图文的方式介绍如何在首页文件中调用CSS中的引用标签和系统标签。让初学网页设计人员更能清楚的了解html代码的运行方式，从而在以后的设计中举一反三，灵活应用。操作方法（01）打开Dreamweaver8，分别新建html和css格式的文件，分别存...
- 19009
![如何创建css：设置样式表]( "如何创建css：设置样式表")
- 如何使用css设置样式？今天给大家分享下学习css初的时候，怎么用也就是创建。css设置样式分为三大类：外部样式表、内部样式表、内联样式。让我们一起来了解下吧操作方法（01）在桌面新建一个“文件夹”，然后在文件夹下建一个“txt文件”。（02）在txt文件下增加标准网页声明<!doctypeht...
- 10823
![如何应用CSS中position属性]( "如何应用CSS中position属性")
- 本文主要是简单的讲解下如何应用cssposition的各个属性的内容，以及如何应用。操作方法（01）首先，我们先简单了解下position的几个属性：static(默认值),relative(相对定位),absolute(绝对定位),fixed(固定定位)。小编将会在具体的实例中讲解...（02）relative（相对布局）：首先在CSS样式...
- 9190
![HTML中引入css和js的方法]( "HTML中引入css和js的方法")
- 我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面小编给大家演示一下。工具/材料SublimeText操作方法首先新建一个文件夹，在文件夹下面建立如下图所示的文件接下来用SublimeText打开HTML文件，写入HTML结构，如下图所示然后我们在Head标签内用link标签引入CSS文件，如下...
- 8548
![Css visibility和display的使用]( "Css visibility和display的使用")
- 在CSS样式中，我们如果要设置一个html元素不可见，可以用visibility=hidden，也可以用display=none。这二者有什么区别？下面一起来看下操作方法（01）首先看下我们例子的html代码，主要是二个div，分别有样式v,和d,这二个div都有一个父div，父div样式名都是fc<divclass="fc"><divclass="v"...
- 15564
![css行间距怎么设置]( "css行间距怎么设置")
- CSS指的是层叠样式表，可以用CSS来修改网页的格式。下面，我们来看看css行间距怎么设置吧。操作方法输入代码在<body>主体中输入两行文本，如下图所示：然后再用<br/>分段，如下图所示：再输入type样式表，主要是用来放CSS代码内容的，如下图所示：输入CSS内容然后再输入CSS内容，即可看到行...
- 21359
![css清除浮动float的方法]( "css清除浮动float的方法")
- 介绍几种清除浮动的方式，常见常用~代码直接贴图嗷操作方法（01）给父级div人为定义height，解决父级div不能自动获取到高度的问题。（02）添加一个空div，并定义clear:both清除浮动，此时父级div能自动获取高度。（03）为父级div定义伪类:after和zoom清除浮动。（04）给父级div定义overflow:hidd...
- 25558
![css几种选择器的使用]( "css几种选择器的使用")
- 如何让CSS样式对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器，HTML页面中的元素就是通过CSS选择器进行控制的。操作方法（01）标签选择器一个完整的HTML页面有很多不同的标签组成，比如div、p，而标签选择器，则是决定哪些标签采用相应的CSS样式，标签的样...
- 15027
妙知谷
![CSS系列：[1]CSS实现半透明div层的方法](https://i2.miaozhigu.com/4d3900d2/5c6055816e/073d06d43b973b2f/576806913fda387156f254dafc7ffe4a8551-s.jpg "CSS系列：[1]CSS实现半透明div层的方法")
