当前位置: 主页 > 网页制作 > CSS
  • 用float布局页面(1) 日期:2010-1-14 点击:7 来源:互联网

    前四节的大练习大家做的怎么样?有没有难度,如果你觉着有难度没有关系,这节课,我带着大家做一下这个练习!【第一步整体布局与公共CSS定义】我们先来分析一下这个页面 页面主要分5大块,顶部的Logo、...

  • CSS盒子模型 日期:2010-1-14 点击:31 来源:互联网

    盒模型,是XHTML+CSS布局页面中的核心!是关系到设计中排版定位的关键,都遵循盒模型规范,例如<div>、<p>、<a>……盒模型包含(外边距)margin,(内边距)padding,(内容)content,(边框)...

  • 五种CSS选择器 日期:2010-1-14 点击:18 来源:互联网

    准确而简洁的运用CSS选择器会达到非常好的效果。我们不必通篇给每一个元素定义类(class)或ID,通过合适的组织,可以用最简单的方法实现同样的效果。在实际工作中,最常用的选择器有以下五类. 一些新手朋...

  • 解决Div + CSS 高度自适应的方案 日期:2010-1-13 点击:12 来源:互联网

    自适应高度的问题,采用Div+CSS进行三列或二列布局时,事先不知道具体高度,只能根据内容的增减自适应高度,要使两列(或三列)的高度相同,用Table很容易实现,但采用Div+CSS就显得比较麻烦了。按照一般的...

  • 用CSS position来布局页面 日期:2010-1-13 点击:9 来源:互联网

    我们先把上节课最后总结一句话拿出来“如果用position来布局页面,父级元素的position属性必须为relative,而定位于父级内部某个位置的元素,最好用absolute,因为它不受父级元素的padding的属性影响,当然...

  • CSS Hack是解决页面浏览器不兼容的技巧方法 日期:2010-1-13 点击:7 来源:互联网

    写完第七课,因为时间问题没有继续写第八课有关浏览器兼容方面的文章,以为大家可以自己掌握这方面的知识,不过发现有很多同学找了很多资料,很多文章去研究,费时费力的,效果也不好,今天是星期六,我呢...

  • CSS制作图片按钮 日期:2010-1-13 点击:37 来源:互联网

    一般我们做按钮基本上都需要两张图片,一张正常状态的图片,一张按下去效果图片做这种按钮思路就是,设置链接a的背景为第一张图片,a:hover的背景为第二章图片 代码如下: HTML代码:<aid="theLink...

  • CSS首行缩进 日期:2010-1-13 点击:63 来源:互联网

    我记得过去刚开始学习制作页面的时候,要想让一段文字首行缩进两个文字,如下图 总是在前面加上8个“”,因为过去大家对CSS的概念也不太熟悉,也不太重视,这种方法实现虽然比较直接,但是文字多的时...

  • 2天驾驭DIV+CSS 日期:2010-1-13 点击:61 来源:互联网

    现将《2天驾驭DIV+CSS》教程的目录列出,以方便大家学习! =================================基础【基础一】DIV+CSS的叫法是不准确的【基础二】使用Table布局是不明智的【基础三】xHTML+CSS与SEO【基...

  • 使用 CSS + JS 构建的简易图片查看器 日期:2010-1-13 点击:8 来源:互联网

    这是一个使用CSS+JS构建的简易图片查看器,采用缩略图点击查看大图,可以分别显示每张图片的描述,大图显示位置采用固定宽度和高度,超出部分隐藏,点击大图可查看完全尺寸,兼容性:IE、Firefox、Opera。...

  • CSS样式Office 2003 风格 日期:2010-1-13 点击:46 来源:互联网

    <!--Office2003风格by51dsn--><styletype="text/css">BODY{margin:0px;color:#333333;background-color:#84BFE9;background-color:#006699;<!--网页背景,网页两边细竖色块--> font-fa...

  • CSS Z-index 属性 日期:2010-1-13 点击:13 来源:互联网

    非常好的一篇技术文档,翻译自LouisLazaris2009年9月15日发表的《TheZ-IndexCSSProperty:AComprehensiveLook》,相信会帮助很多像我一样的前端狂! 原作者保留所有版权。 EN文不好,欢迎各路牛头斧正。 ...

  • CSS图片加载 日期:2010-1-13 点击:24 来源:互联网

    有很多种方法来实现图片的预加载,通常大部分使用Javascript让事情滚动。不要再受Javascript预载的束缚了吧,用CSS你就可以毫不麻烦的预载你的图片。 为什么使用预载 你为什么会考虑使用预载呢?你是否曾...

  • p标签的分析 日期:2010-1-12 点击:6 来源:互联网

    从今天开始,我将全面的共享出我所能理解的所有WEB标准方面的知识放在这个“WEB标准能有多难?”的专栏里。当然由于振之的水平有限,所讲并非是完全正确的。在看了这个专栏的文章的时候要理性的分析,要有...

  • CSS命名规范(3) 日期:2010-1-12 点击:4 来源:互联网

    4、颜色值的缩写:  当RGB三个颜色值数值相同时,可缩写颜色值代码。如:  .menu{color:#ff3333;}  可缩写为:  .menu{color:#f33;}四.hack书写规范  因为不同浏览器对W3C标准的支持不一样,各个...

  • CSS命名规范(2) 日期:2010-1-12 点击:2 来源:互联网

    二.注释书写规范  1、行间注释:  直接写于属性值后面,如:  .search{  border:1pxsolid#fff;/*定义搜索输入框边框*/  background:url(../images/icon.gif)no-report#333;/*定义搜索框的背景*...

  • CSS命名规范(1) 日期:2010-1-12 点击:9 来源:搜狐IT

    CSS命名规范一.文件命名规范  全局样式:global.css;  框架布局:layout.css;  字体样式:font.css;  链接样式:link.css;  打印样式:print.css;二.常用类/ID命名规范  页 眉:heade...

  • 语义与样式的关系 日期:2010-1-12 点击:3 来源:互联网

    日前在我们的WEB标准研究的群里非常激烈地讨论了“什么是语义?”最后主要的分歧就在于语义本身是否有默认样式上。我认为在XHMTL中,除了DIV与SPAN之外的标签都是有语义的,并且所有标签都不具备默认样式,...

  • 使用div、span和css制作的数据图表 日期:2010-1-12 点击:46 来源:互联网

    一下收集分享的数据图表的展示效果,是完全用html和css来实现的。通过仔细研究学习这些案例对于我们学习css会有很大帮助的。 1、完全使用div、span和css制作的数据图表。 2、有很多用纯css制作的数据图...

  • HTML标记分类整理 日期:2010-1-12 点击:4 来源:互联网

    p、h1、或div等元素常常称为块级元素,这些元素显示为一块内容;Strong,span等元素称为行内元素,它们的内容显示在行中,即“行内框”。(可以使用display=block将行内元素转换成块元素,display=none表示...

推荐内容最近更新人气排行
关于我们 | 友情链接 | 网址推荐 | 常用资讯 | 网站地图 | RSS | 网站留言