建站教学网,让你建站更便捷和轻松!QQ交流群:78085540
您当前的位置:首页 > 网页制作 > CSS教程
2010-01-21 15:48:07
一、清除缩进和项目符
1、清除项目符和缩进:ul {list-style: none; padding-left:0px;}
2、清除缩进 ul {margin:7;list-style-type:disc;}
3、清除缩进 ul {margin-left:20px}
4、清除缩进 ul {margin
2010-01-20 14:04:45
做一个星级评价的功能不是很难,但是要单纯用CSS写估计就有点难度了,先来个截图:效果很简单,可能现在您现在脑子里已经有实现的思路了。下面先看一下我们通常情况下的实现方法:CSS:代码
.jsstar
完全CSS+Div打造。下简单而又漂亮的进度条
css:代码
1 .graph {
2 position: relative;
3 width: 200px;
4 border: 1p
2010-01-08 11:17:22
<html>
<head>
<title>3D按钮式导航条</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
body{text-align:center;background:#ffffff}
.up{
border:3 outset royalblu
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title
2010-01-08 11:12:26
<!-- 把下列代码加入到head区内 -->
<style type="text/css">#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}#cssdropdown li {
float: left;
position: relative;
}.mainitem
<html>
<body>
<style type="text/css">#elButton a { color: #000000; font-size:10px; font-family:verdana; font-weight:bold; text-decoration: none; border:4px outset aqua; background-color:#00ffff; di
规范的命名也是Web标准中的重要一项,标准的命名可以更好的看懂代码,我想大家应该都有这种经历,某日翻出自己过去写的代码居然看不懂了,呵呵,为了避免这种情况我们就要规范化命名,再说了,现在一个项目不是一个人
本节主要讲解,两个内容,
第一:CSS如何控制页面样式,有几种方式;
第二:这些方式出现在同一个页面时的优先级。
使用xHTML+CSS布局页面,其中有个很重要的特点就是内容与表象相分离,内容指HTML页面代码
xHTML+CSS与SEO的内容,后面章节会详细给大家介绍,这里就先说一些,让大家对xHTML+CSS与SEO有一定的认识,为后面制作页面打基础,毕竟我们做出来的页面还是要给搜索引擎看的,所以不能不提提xHTML+CSS与SEO的关系。
使用Table布局页面为什么是不明智的?
大家看到标题,不要误解认为在页面中不能使用Table,而是可以使用Table,但是尽量不要用Table去布局页面,为什么这么说呢,因为使用Table布局页面会使页面失去灵活性,怎么个灵
1.1 DIV+CSS的叫法是不准确的我想凡是来到&ldquo;这个专题&rdquo;的同学,很大部分是冲着DIV+CSS来的,目的就是学习DIV+CSS的,说的再直接一些就是学习如何用DIV+CSS布局页面,如何从一张图片制作成标准的DIV+CSS页面
注:在做这节教程的时候,我又上网查了相关资料,看了大量的文章,做了大量的测试,最后总结出下面这些文字,洋洋洒洒一整篇,不过需要大家一句话一句话的看,一定要仔细喽!还有对于课程中的说的,最好一边看,一边
本节主要讲解,两个内容,
第一:CSS如何控制页面样式,有几种方式;
第二:这些方式出现在同一个页面时的优先级。
使用xHTML+CSS布局页面,其中有个很重要的特点就是内容与表象相分离,内容指HTML页面代码
使用Table布局页面为什么是不明智的?
大家看到标题,不要误解认为在页面中不能使用Table,而是可以使用Table,但是尽量不要用Table去布局页面,为什么这么说呢,因为使用Table布局页面会使页面失去灵活性,怎么个
刚学网页制作的时候,老师曾经告诉我必须用CSS强制定义字体大小,否则保证每个人都看到一致的效果。这一点在现在的中国站点尤为明显。包括网易、搜狐这些门户网站在内的大部分站点,用的都是绝对单位px(像素)。但是
在Web编码中,CSS默认应用的Web字体是有限的,虽然在新版本的CSS3,我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体,但多数情况下,考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现C
图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢?下面就为你提供两种方法,我个人推荐第一种方法
方法一
十条鲜为人知的CSS使用技巧1.css字体简写规则当使用css定义字体时你可能会这样做:font-size:1em;
line-height:1.5em;
font-weight:bold;
font-style:italic;
font-variant:small-caps;
font-family:verdana,se
利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面
2009-12-23 15:50:21
有朋友提出一个问题,padding与line-height的区别。这是CSS基础知识,对盒模型知识与布局以及相关属性不是很了解的时候,是很容易混淆与分不清楚的。  其实padding是布局设置,对容器进行内边距定义。而line-heigh
1、导航菜单使用图片、FLASH导航菜单使用图片、FLASH当然比纯文本来得好看一些,但是搜索引擎并不认识你的图片和FLASH。如果你非要使用漂亮的图片来做导航的话,可以使用背景替换的方法(我会在下次谈到这一个方法的)
用CSS实现表格单元格数据自动换行或不换行1、自动换行:
<style type="text/css">
.AutoNewline
{
word-break: break-all;/*必须*/
}
</style><table>
<tr>
<td class="AutoNewline">自动换行自动换行自
使用 line-height 垂直居中  line-height:24px;  使用固定宽度的容器并且需要一行垂直居中时,使用 line-height 即可(高度与父层容器一致),更多的垂直居中总结可以看这里。  清除容器浮动  #main {
  
2009-12-23 15:47:55
段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。  text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。  在这里我们需要了解一种长度单位em。em是相对长
CopyRight 2008-2009, JZREAD.COM, Inc. All Rights Reserved 联系QQ:568245346
皖ICP备09015033号