HtmlCss—div+Css教程|css样式模板|css代码实例|css3资料手册网页教程·站长启航学院

站长网址 ┆ 小白博客 ┆ 设计论坛 ┆ 软件下载 ┆ 空间域名 ┆ 专题教程 ┆ 站长工具

┆ 首页 ┆ 行业资讯 ┆ 网页教程 ┆ 网站运营 ┆ 服务器 ┆ 特效源码 ┆ 资源下载 ┆ 图片素材 ┆ 免费资源 ┆ 广告联盟 ┆ 酷站欣赏 ┆

HtmlCss教程列表

1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。ID...[2010-2-8 16:11:41]

div+css命名规则

在大型项目中，更为突出，因为是多个人的合作，相互的样式有需要共享，有需要统一的。只有命名规范了，在工作中既可以提高查找的速度，又便于管理。例如：.font_w_b =表示“字体加粗”，.pad_lr_5 = 表示“内填充左右各5个像素”等等。。让人一幕了然。下面分享下自己在工作常使用的命名方式：(一...[2010-2-8 16:09:55]

CSS背景定位实战应用

实战前先让大家了解下，浏览器对不同形式引用的图片请求时怎么样的。1. 隐藏图片《img src=“1.jpg” style=“display： none” /》结论：只有Opera不产生请求。注意：用visibility： hidden隐藏图片时，在Opera下也会产生请求。2. 重复图片《img ...[2010-2-8 16:05:53]

CSS代码优化技巧

今天，为大家整理了一些常用css代码简写方法，一方面让你的css代码看起来整洁，另一方面减小css代码的臃肿度，提高css样式的读取速度。1.属性为0书写原则是如果CSS属性值为0，那么你不必为其添加单位(如:px/em)，你可能会这样写:padding: 10px 5px 0px 0px;优化为:...[2010-2-8 16:03:08]

CSS制作圆角导航的另一思路 CSS背景定位

制作圆角导航其实跟制作圆角边框是一样的道理，有一种很常见的方法就是使用CSS绝对定位，切四个圆角的小图片，然后分别定位在四个角，这样就可以实现自动伸缩。但是这样的代码因为嵌套的DIV过多，而显得有些复杂，这里提供另外一种思路，即是通过CSS背景的定位去制作。在CSS背景属性中有一项是backgrou...[2010-2-8 15:58:01]

CSS背景图片定位

在CSS中，背景图片的定位方位有3种： 1）关键字：background-position: top right;2）像素：background-position: 0px 0px;3）百分比：background-position: 0% 0%; 上面这三句语句，都...[2010-2-8 15:57:14]

书写可维护的CSS代码规范

一、在样式表开头添加一个注释块，用以描述这个样式表的创建日期、创建者、标记等备注信息。Example Source Code：/* ---------------------------------Site: Site name Author: 52CSS.comUpdated: Date and ...[2010-2-8 15:56:09]

CSS中的class与ID用法及区别

Class 在程序中称“类”，同时在CSS中也书面语也叫“类”。在CSS样式中以小写的“点”及“.”来命名如： .css5{属性：属性值;} 而在html页面里则以class=css5 来选择调用“ .css5{属性：属性值;} ” 如：“<div class=css5>我是class例...[2010-2-8 9:43:13]

书写高效CSS注意的七个方面

随着CSS网页布局的应用越来越广泛，更多的CSSer开始书写CSS，如何才能写出高效规范的CSS代码呢，今天向大家介绍，必须要注意的七个方面：一、使用外联样式替代行间样式或者内嵌样式不推荐使用行间样式XML/HTML代码<!DOCTYPE html PUBLIC ...[2010-2-5 10:16:48]

CSS解决水平居中和垂直居中的多种方案

vertical-align是个不错的属性，但是这个属性起初是针对表格的cell的。当然这个属性虽然对块级元素不起作用，但是对行内元素比如span还是有作用的（这时候，这个属性设置为负值元素内容就下移，正值则上移）。下面是比较专业的垂直居中的集中解决方案。记录于此，以便查阅。1、单行垂直居中文字在层...[2010-2-5 10:10:35]

CSS3制作的网页文字阴影

最近我因为要安装 Firebug 1.4 导致我不得不安装了 Firefox 3.5 ,所以很不小心地接触到了Wordpress后台那漂亮的文字阴影.也就是CSS中的text-shadow属性.所以今天我整理了一些资料,希望可以对大家有所启发.首先我们看看wordpress 2.8后台使用了text...[2010-1-30 16:49:16]

带你认识HTML5和CSS3

互联网的发展总是在不断地催生新技术的产生，而HTML5和CSS3是最近一直被讨论的热门话题，对于每个互联网开发者尤其是前端开发者而言，都充满了好奇与渴望。那么HTML5和CSS3究竟有哪些让我们眼前一亮的东西呢？我在WebRebuild北京交流会和珍珠奶茶帮上给大家分享了《揭秘 HTML5和CSS3...[2010-1-30 16:47:20]

CSS3变换入门-CSS新样式写法

译自：CSS transitions 101中文：CSS3变换入门原作者：Jason Cranford Teague译者：神飞请尊重版权，转载请注明出处，多谢尽管人们期望在屏幕上有些改变，但是CSS和HTML对页面中的交互能做的实在太少了，而那些还需要用代码来实现。比如一个链接要么是这个...[2010-1-30 16:43:21]

超圆滑圆角框的半完美解决方案

导言：本文探讨的是圆角框的终极解决方案，其核心关键词是“圆滑、完美、兼容、重用性、语义”，这些技术都是收集目前网络上最流行的做法。纵观种种方法，各有其优势，请针对不同的环境分别使用。圆角框，因为其样式比直角框漂亮，所以成为设计师心中偏爱的设计元素。现在的web标准下大量的网页、博客都采用圆角框设计...[2010-1-30 16:39:41]

CSS圆角—基本的圆角框

序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。纯CSS实现圆角框是一件大家都说烂了的事件，我也写过两篇总结文章，为什么还会有这篇文章呢，事情是这样的。...[2010-1-30 16:37:42]

在CSS2和CSS3里的实现CSS表格圆角方法

在网页设计越来越精美的今天，圆角的应用已经越来越广泛这篇文章将分别讲述圆角在CSS2和CSS3里的创建方法。从易用性来说，CSS3不需要额外的标记和图片，比CSS2要先进得多。但当应用在网站上时，采用CSS2能使页面在主流浏览器上的效果更加一致。下面将详细阐述创建圆角的各种方法和其对浏览器的兼容...[2010-1-30 16:30:46]

可展开关闭的二级菜单

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd><html xmlns=http://www.w...[2010-1-27 15:59:24]

CSS圆角化图片代码

在前面一篇文章中，我们将一张上下渐变的的图片作为标题的背景，并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢？我们还能将一些颜色比较丰富的图片也进行透明圆角化吗？答案是肯定的，下面看看它的终极功夫。还是先看最终效果图吧：图一看到了吧，这就是用纯CSS实现的圆角化图片，为了能看到透明化的...[2010-1-27 10:51:24]

解决CSS下img图片多余空白Bug方案

在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。　　1、将图片转换为块级对象　　设置img为“display:block;”。在本例中添加一组CSS代码：“#sub img ...[2009-6-3 19:43:41]

W3C标准验证失败的10个常见原因

W3C validation有时难以操作，但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告，说明你的XHTML尚未完善，可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员，我们告诉你如何解决。在本文开始前介绍一些使用W3C验证程序时需要注意的问题。　　不要...[2009-6-3 19:43:39]

门户网站构建CSS框架的几种规则

对于大型门户，海量信息平台及多模块，多区域化网站，更需要对CSS，XHTML，的标准化，符合语意的HTML框架，复用性强的CSS代码，这些才能保障你的网站，具有很好的“地基”。　　第一部：关于构建CSS框架我们要实现的目的：　　1.实现标准化，具备主流平台适应性的前端实现；　　2.快速...[2009-2-8 10:23:58]

CSS设计用import还是link的区别

看到淘宝网页中这样写使用的是import,而很多网站都是使用link，当然还有一些页面比较简单，流量很大的网站，是直接将CSS写在html代码中的？他们有什么区别？css用import还是link好?从经典论坛和另外一个网站大概了解了一下　　看到淘宝网页中大部分是这样写的 @import u...[2009-2-8 10:23:57]

掌握DIV+CSS网页布局的基础知识

CSS教程栏目中汇集了大量的CSS知识，这些知识已经非常全面了，但很多CSSer新手初来本站，依然云里雾里，现整理一些DIVCSS网页布局常用的一些基础知识，供大家学习，欢迎补充及提一些建议。　　CSS命名规范　　一．文件命名规范　　全局样式：global.css；　　框架布局：la...[2009-2-8 10:23:57]

CSS网页设计时关于字体大小的设计

在设计网络应用时，您必须决定如何编辑字体。使用CSS时存在大量选项，每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。在开发网络应用时，没有比外观更重要的事情了。所以，如果发现设计人员十分关注字体及字体大小，我不会感到奇怪！　　字体大小　　CSS2规范根据长度——水平和垂直尺...[2009-2-8 10:23:56]

CSS解决浏览器的等宽空格问题

很多时候，希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时，会把连续的空格解析成一个，所以我们会使用   等这样的占位符。　　但是   也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。　　同时，注...[2009-2-8 10:23:55]

共 179 篇教程首页上一页 1 2 3 4 5 6 7 8 下一页尾页 25条/页转到页

站长推荐

	Dreamweaver经典扩展插件下载
	带你认识HTML5和CSS3
	MYSQL数据库常用的命令
	IE与FF的CSS 常见兼容问题
	设计网页常用到的JS效果总集(二)
	PHP的一些常用函数总览表
	动易无级栏目树状导航
	动易首页调用自定义字段内容的修改方法
	Photoshop制作金属铁链特效字
	ACCESS数据库重新编号自动编号字段
	Photoshop“非主流”照片文字合成手法
	Photoshop制作金灿灿的喜字教程