CSS的知识精选

操作方法首先我们写一个div，div里就是一段文字。然后写一些css样式，关键部分是指定div的宽度，如图的样式代码刷新页面，可以看到我们的文字在超长的时候，显示在div的外面了。这时就要用到我们的overflow:hidden样式了。该样...

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

网页设计中，一般从单页面中的首页设计开始，本文用图文的方式介绍如何在首页文件中调用CSS中的引用标签和系统标签。让初学网页设计人员更能清楚的了解html代码的运行方式，从而在以后的设计中举一反三，灵活应用。操作方法（0...

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

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

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

css圆角是一种常用的页面处理方式，css1及css2的处理方式是采用背景图片的方式处理的；css3处理的方式浏览器支持的原生的，使用样式属性border-radius。本文重点讲解的是基于css3的处理方式。操作方法（01）CSS3圆角处理的方式...

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

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

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

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

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

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

在CSS中的空格不是直接就可以按Space空格键就可以敲出来，而是需要通过特别的方式才能显示空格操作方法（01）想插入空格的代码中插入&nbsp；即可。一个&nbsp代表一个空格（02）如果是想通过空格缩进，可以通过divcss{text-...

矩形统计表，就是通过矩形形状形象地表达出数据间的数量，关系。用CSS能否处理得了呢？其实不难，画矩形其实就是一个DIV加上背景色就行了。下面一起看下。操作方法（01）首先我们看下，一个简单的矩形，在Html，css里，是怎样画出来的？htm...

如何让CSS样式对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器，HTML页面中的元素就是通过CSS选择器进行控制的。操作方法（01）标签选择器一个完整的HTML页面有很多不同的标签组成，比如div、p，而...

CSS是层叠样式表。下面，我们来看看怎么使用CSS让图片水平垂直都居中吧。操作方法新建一张文档在桌面新建一张文本文档，改名为，如下图所示：基础代码然后打开文本文档，编写基础代码，再把桌面上的老虎图片引入进去，如下图所示：后...

css布局中的position:static|absolute|fixed|relative的4中属性从上面语法可以看出，定位的方法有很多种，它们分别是静态(static)，绝对定位(absolute)，固定(fixed)，相对定位(relative)。在这个教程里，我不逐一讲，只讲最常用也...

网页开发中，经常会用到一些小图标，比如一些箭头之类的，圆形图标也是经常用到的，很多时候这些图标都是直接使用图片来处理。我们这里介绍一下用css来制作圆形图标，而不是用图片。下面一起看下。操作方法（01）首先看下我们的htm...

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

前端开发中，为了突出一些内容常常对一些内容进行字体大小的设置。css提供了一个设置字体大小的属性：font-size。语法：font-size：20px操作方法（01）打开html开发软件，新建一个html页面，然后在这个html页面上创建一个<div>标签并...

前端开发中常常需要对某个元素进行设置水平垂直居中，可以通过使用css3提供的transform的translate进行元素居中效果。可以直接看最后一步，里面包含了所有html代码，可直接使用。操作方法（01）新建一个html文件，然后创建一个<d...

在做页面开发时，有时为了有更好的显示效果，我们需要为一些元素设置半透明背景。下面我们来看下怎样利用CSS3，来设置更好的半透明效果。操作方法（01）先写些测试代码，测试HTML很简单，就是二个div，一个嵌套在另一个里面，代码如图...

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

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