CSS 相对定位和相对定位的区别
css布局中的position:static|absolute|fixed|relative的4中属性从上面语法可以看出，定位的方法有很多种，它们分别是静态(static)，绝对定位(absolute)，固定(fixed)，相对定位(relative)。在这个教程里，我不逐一讲，只讲最常用也...
css几种选择器的使用
如何让CSS样式对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器，HTML页面中的元素就是通过CSS选择器进行控制的。操作方法（01）标签选择器一个完整的HTML页面有很多不同的标签组成，比如div、p，而...
CSS样式的优先级详解
在做网页开发，基本上都会处理CSS样式的，css样式的优先级大家都弄清楚了吗？如果不清楚，自己写的样式为什么被覆盖了都不知道的。下面一起来了解下。操作方法（01）同级别的样式，后面写的样式，肯定会比前面的更优先。（在样式里不添...
css制作桌面上的两个球
HTML页面开发中，有时候需要呈现一些场景，有的用图片来完成，有的用css来模拟完成。下面一起来看下，怎样用css来模拟显示一张桌面上的两个球。操作方法（01）首先是html代码，这里的代码如图，主要是用三个div来模拟，样式名为y1,y2的...
Html, Css制作显示简单的小屋
做网页开发，有时候需要在页面呈现一些小场景，比如显示一个球，显示一间小屋，显示一棵小树等等，有时会结合图片来显示，有时直接用html+css来显示。下面我们一起来看下，直接用html+css来显示一间简单的小屋。操作方法（01）我们先写...
CSS设置DIV的定位绝对定位和相对定位
设置DIV或者其他元素在浏览器中显示的位置是HTML布局中重要的一个内用，我们通过合理的布局使得我们的网站美观大方，这里我就来说说如何使用CSS来给div定位。操作方法（01）首先我不给div定位来看看两个div在浏览器中是如何...
HTML与CSS的关系是什么
在网页设计中，往往会利用到HTML与CSS的结合，HTML是实现大致框架的，而CSS则是为HTML框架设置想要设定的样式属性，两者相结合可以完整的生成出相应的静态网页。操作方法（01）打开editplus编辑软件，然后分别新建一个HTML文档与CS...
HTML和css怎样制作横排导航条，菜单
很多小伙伴学习了一段时间的HTML和css，就想自己动手试试制作导航条菜单，不过却没有思路，今天小编我就来分享一下HTML和css制作导航条的实例，大家可以参考参考。操作方法（01）如图，制作导航条菜单一般是用一个div嵌套ul和li标...
css空格符号怎么打
在CSS中的空格不是直接就可以按Space空格键就可以敲出来，而是需要通过特别的方式才能显示空格操作方法（01）想插入空格的代码中插入&nbsp；即可。一个&nbsp代表一个空格（02）如果是想通过空格缩进，可以通过divcss{text-...
用CSS制作三角形，替代背景图片
网页设计，制作，在早期，一般都是用背景图片来呈现三角形，比如一个提示窗口，有一个三角形图标指示，这个图标一般就是背景图片来的。现在我们不用背景图片，直接用CSS来生成，需要怎么做呢？操作方法（01）先看下html代码，代码很简单，就是...
css设置字体大小
前端开发中，为了突出一些内容常常对一些内容进行字体大小的设置。css提供了一个设置字体大小的属性：font-size。语法：font-size：20px操作方法（01）打开html开发软件，新建一个html页面，然后在这个html页面上创建一个<div>标签并...
css 圆角 css圆角 css3 圆角代码实现
css圆角是一种常用的页面处理方式，css1及css2的处理方式是采用背景图片的方式处理的；css3处理的方式浏览器支持的原生的，使用样式属性border-radius。本文重点讲解的是基于css3的处理方式。操作方法（01）CSS3圆角处理的方式...
css清除浮动常用的两种方法
css清除浮动在网页布局中经常试用到的，下面两个方法可以实现浮动第一种方法是clear:both;（01）css代码{width:300px;background:#CCC;padding-bottom:10px;margin-bottom:10px;}{width:145px;height:100px;float:left;bac...
CSS代码怎么把小图片设为背景图
操作方法首先看下html代码，一个空的div，什么内容都还没放上。为这个div写上一些美化的样式。刷新页面，看下效果，现在就是显示一个有边框的div。要用css为这个div加上背景图片，只需要加上background-image的样式，后面的值就...
css设置字体间距
操作方法先看下我们的html代码，很简单，就是一个div里有一段文字，我们为这个div添加了一个样式zn默认情况下，不加任何样式时，这段文字的间距是很小的，如图为了添加文字的间距，我们可以添加letter-spacing的样式，添加一个zn的样...
css透明度，css图片透明度设置方法
在一些网站的登录页面上，经常可以发现，一张图片叠加在另一张图片上，底层的图片若隐若现，利用css中的透明属性opacity可以实现这种效果，下面就简单介绍一下怎么写代码操作方法新建一个HTML文件，下载两张图片，如下图，放在一个文...
用CSS画矩形统计表
矩形统计表，就是通过矩形形状形象地表达出数据间的数量，关系。用CSS能否处理得了呢？其实不难，画矩形其实就是一个DIV加上背景色就行了。下面一起看下。操作方法（01）首先我们看下，一个简单的矩形，在Html，css里，是怎样画出来的？htm...
淘宝店铺导航CSS代码使用修改技巧
详解淘宝店铺导航CSS代码使用修改技巧操作方法（01）首先我们进入到店铺的装修页面，将鼠标放在导航上面会出现“编辑”字样，单击，选择“显示设置”选项卡（02）1.修改导航分类下面的背景色，代码如下：-box-bd{background:#000000;}...
如何创建css：设置样式表
如何使用css设置样式？今天给大家分享下学习css初的时候，怎么用也就是创建。css设置样式分为三大类：外部样式表、内部样式表、内联样式。让我们一起来了解下吧操作方法（01）在桌面新建一个“文件夹”，然后在文件夹下建一个“t...
CSS样式的三种表现用法
学会了CSS样式的三种表现用法，CSS原来可以如此简单！操作方法（01）一.外部样式将CSS样式编写并安放在一个独立的文件内，有<link/>和@import两种方式，而@import基本被放弃使用。<linkrel="stylesheet"href="CSS文件路径"/>实例...
CSS 的overflow:hidden 属性详细解释
操作方法首先我们写一个div，div里就是一段文字。然后写一些css样式，关键部分是指定div的宽度，如图的样式代码刷新页面，可以看到我们的文字在超长的时候，显示在div的外面了。这时就要用到我们的overflow:hidden样式了。该样...
如何应用CSS中position属性
本文主要是简单的讲解下如何应用cssposition的各个属性的内容，以及如何应用。操作方法（01）首先，我们先简单了解下position的几个属性：static(默认值),relative(相对定位),absolute(绝对定位),fixed(固定定位)。小编将会在...
怎么使用CSS让图片水平垂直都居中？
CSS是层叠样式表。下面，我们来看看怎么使用CSS让图片水平垂直都居中吧。操作方法新建一张文档在桌面新建一张文本文档，改名为，如下图所示：基础代码然后打开文本文档，编写基础代码，再把桌面上的老虎图片引入进去，如下图所示：后...
CSS技巧分享：如何用css制作横排二级下拉菜单
工具/材料notepad++浏览器操作方法打开Notepad++，先输入个页面框架<！DOCTYPEhtml><htmlxmlns=""><hade></hade><body></body>框架好了，那么就该定义页面的title，关键词keyword，和描述description<metacharset="UTF-8"conte...
HTML样式CSS的三种写法
CSS是样式层叠表，有三种引入方式。下面，我们来看看HTML样式CSS的三种写法吧。操作方法行内样式CSS可以直接放到行内样式中引入即可，比如代码如下图：<pstyle="color:blue;background:red;">helloworld！</p>嵌入式还可以采用...