Celeste :: 深蓝世纪 :: 技术专区
Welcome to Celesteteam CeTech!
2009年3月6日
CSS技巧：子元素浮动后父容器的闭合
最近两个月断断续续做了好几个网站的美工，做的过程中对DIV+Css的标准开发有了进一步的了解。有两点收获最大，一是彻底弄懂了CSS的盒子模式(Box Model)，再一个就是搞定了困扰我很久的“闭合浮动元素”的问题：一般说来如果某个子元素使用了浮动(float)，那父元素总是不能确切地知道子元素是在什么位置结束的，所以父元素的下边框总是从子元素的中间甚至是顶部穿过，看起来很不舒服。最早时我都是在子元素结束后单独加个<br />或<div></...
Tags: 网页设计、web设计、企业网站、公司网站、网站制作、
发布:admin | 分类:WEB设计 | 评论:0 | 引用:0 | 浏览:
2009年3月2日
网页设计中的Span和Div的区别
HTML只是赋予内容的手段，大部分HTML标签都有其意义（标签p创建段落，h1标签创建标题等等）的，然而span和div标签似乎没有任何内容上的意义，听起来就像一个泡沫做成的锤子一样无用。但实际上，与CSS结合起来后，它们被用得十分广泛。 它们被用来组合一大块的HTML代码并赋予一定的信息，大部分用类属性class和标识属性id与元素联系起来，见CSS中级指南的类和id选择符。 span和div的不同之处在于span是内联的，用在一小块的内联HTML中，而div（想想division是什么意思）...
Tags: 网页设计、web设计、企业网站、公司网站、网站制作、
发布:admin | 分类:WEB设计 | 评论:0 | 引用:0 | 浏览:
2009年2月28日
SEO优化中的div+css命名规则
SEO(搜索引擎优化)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面中部IT网将对目前流行的CSS+DIV的命名规则整理如下：
Tags: 网页设计、web设计、企业网站、公司网站、网站制作、
发布:admin | 分类:WEB设计 | 评论:0 | 引用:0 | 浏览:
2009年2月20日
有关CSS属性display:inline-block的详细理解
有关CSS属性display:inline-block的详细理解
在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，大都会对这一属性感觉很模糊。
display:inline-block
将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。
但对于这个属性不是所有浏览器都识别。
在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，大都会对这一属性感觉很模糊。
display:inline-block
将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。
但对于这个属性不是所有浏览器都识别。
Tags: 网页设计、web设计、企业网站、公司网站、网站制作
发布:admin | 分类:WEB设计 | 评论:0 | 引用:0 | 浏览:
2009年2月12日
CSS制作网页总结的一些经验
CSS制作网页总结的一些经验
1: ID用于标识页面单独元素以及持久行的结构性元素 方便JS的调用
类用于标识同一页面可重复定义使用的结构性元素 ID与类的命名需与表现形式无关 ：leftContent 而使用有意义的定义方式：sideBar等等。命名方式遵循“驼峰式大小写（标志符由多个单词组成 除首词首字母小写外 其余单词首字母均大写）”
2：避免滥用类 当类型的结构需要不一样的表现时 记得什么是层叠样式表 具体结构中的p a h1等可使用如下方式：div.sideBar p{}定义即后代选择器+ID或类选择器组合方式。
3：DIV与SPAN IV（块级框）用于对块级元素的分组 SPAN（行内框）用于对行内元素分组标识
4：对于页面基本默认的方式可以选择通用选择器（*标识）进行定义 * { padding：0; margin:0;}
1: ID用于标识页面单独元素以及持久行的结构性元素 方便JS的调用
类用于标识同一页面可重复定义使用的结构性元素 ID与类的命名需与表现形式无关 ：leftContent 而使用有意义的定义方式：sideBar等等。命名方式遵循“驼峰式大小写（标志符由多个单词组成 除首词首字母小写外 其余单词首字母均大写）”
2：避免滥用类 当类型的结构需要不一样的表现时 记得什么是层叠样式表 具体结构中的p a h1等可使用如下方式：div.sideBar p{}定义即后代选择器+ID或类选择器组合方式。
3：DIV与SPAN IV（块级框）用于对块级元素的分组 SPAN（行内框）用于对行内元素分组标识
4：对于页面基本默认的方式可以选择通用选择器（*标识）进行定义 * { padding：0; margin:0;}
Tags: web设计 企业网站 公司网站 网站制作
发布:admin | 分类:WEB设计 | 评论:0 | 引用:0 | 浏览:
2009年1月10日
制作网站div+css无图片实现圆角矩形
制作网站div+css无图片实现圆角矩形
在做页面的时候，很多时候会用圆角矩形来妆点一下，但如果用图片的话，即要用到图片又要用到大量的代码，势必增加了页面的重量
在页面的时候刚好要用到圆角矩形，于是写了以下方法，分享一下
在做页面的时候，很多时候会用圆角矩形来妆点一下，但如果用图片的话，即要用到图片又要用到大量的代码，势必增加了页面的重量
在页面的时候刚好要用到圆角矩形，于是写了以下方法，分享一下
Tags: 网页设计、web设计、企业网站、公司网站、网站制作
发布:admin | 分类:WEB设计 | 评论:0 | 引用:0 | 浏览:
2008年11月25日
想让网站变黑白色CSS一行代码就能实现
想让网站变黑白色CSS一行代码就能实现
5．12地震给四川人民带来了巨大灾难，5月19日到5月21日为全国哀悼日，有很多网站界面今天都变成了黑白色，从而纪念那些在地震中死去的逝者。对于普通的站长来说，对于灾难并不能多做些什么，但可以做到将自己的网站也变成黑白色，从而缅怀那些地震逝者。
如果用传统的方法将网站变成黑白色非常的麻烦，需要更换页面的文件，并且要对图片进行更改。但如果自己的网站支持CSS的话，一切变得很简单。只要是符合w3标准的网页，在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分过滤掉。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }（不换行）
加上代码之后，再次刷新网页就会发现页面已经变成黑白的了（配图）。还在等什么，赶快给自己的网站加上一行代码，变成黑白色，一起来缅怀在地震中去世的人。
5．12地震给四川人民带来了巨大灾难，5月19日到5月21日为全国哀悼日，有很多网站界面今天都变成了黑白色，从而纪念那些在地震中死去的逝者。对于普通的站长来说，对于灾难并不能多做些什么，但可以做到将自己的网站也变成黑白色，从而缅怀那些地震逝者。
如果用传统的方法将网站变成黑白色非常的麻烦，需要更换页面的文件，并且要对图片进行更改。但如果自己的网站支持CSS的话，一切变得很简单。只要是符合w3标准的网页，在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分过滤掉。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }（不换行）
加上代码之后，再次刷新网页就会发现页面已经变成黑白的了（配图）。还在等什么，赶快给自己的网站加上一行代码，变成黑白色，一起来缅怀在地震中去世的人。
Tags: 网页设计、web设计、企业网站、公司网站、网站制作
发布:admin | 分类:WEB设计 | 评论:0 | 引用:0 | 浏览:
2008年11月8日
网站设计制作之合理架构css
网站设计制作之合理架构css
在当前浏览器普遍支持的前提下，CSS被我们赋予了前所未有的使命。然而依赖css越多，样式表文件就会变得越大越复杂。与此同时，文件维护和组织的考验也随之而来。
(曾几何时)只要一个css文件就够了——所有规则(rule)汇聚一堂，增删改都很方便——可这种日子早已远去。(现在)建立新网站时，必须花点时间好好筹划怎么组织和架构css。
在当前浏览器普遍支持的前提下，CSS被我们赋予了前所未有的使命。然而依赖css越多，样式表文件就会变得越大越复杂。与此同时，文件维护和组织的考验也随之而来。
(曾几何时)只要一个css文件就够了——所有规则(rule)汇聚一堂，增删改都很方便——可这种日子早已远去。(现在)建立新网站时，必须花点时间好好筹划怎么组织和架构css。
Tags: 网页设计、web设计、企业网站、公司网站、网站制作
发布:admin | 分类:WEB设计 | 评论:0 | 引用:0 | 浏览:
2008年10月10日
准确获取指定元素CSS属性值
准确获取指定元素CSS属性值
如何实现javascript精确获取元素css属性值？当处理 DOM 元素的 CSS 属性时，我们经常会遇到一个问题：明明页面上已经定义了 CSS 属性值，但在获取的时候却为空，这是因为任何样式表文件或内联 CSS 预设的样式信息并不能可靠地反映到 style 属性上，本文向你介绍准确获取指定元素 CSS 属性值的方法。
如何实现javascript精确获取元素css属性值？当处理 DOM 元素的 CSS 属性时，我们经常会遇到一个问题：明明页面上已经定义了 CSS 属性值，但在获取的时候却为空，这是因为任何样式表文件或内联 CSS 预设的样式信息并不能可靠地反映到 style 属性上，本文向你介绍准确获取指定元素 CSS 属性值的方法。
Tags: 网页设计、web设计、企业网站、公司网站、网站制作
发布:admin | 分类:WEB设计 | 评论:0 | 引用:0 | 浏览:
2008年9月18日
无需网页设计模板,ASP+FSO生成静态HTML页
无需网页设计模板,ASP+FSO生成静态HTML页
FSO生成静态HTML文件的时候替换模板标签一直是一个很麻烦的问题，至少我是这么认为的，还要别外做一个模板，麻烦！，我今天看见有一个方法可以解决这个问题如一个正常的index.asp页面，并且用ASP代码调出数据库中的内容，另建一个makehtml.asp的页面，加入一个textarea域，假设为name="body"，将index.asp在textarea里调出来，如：<textarea name="body"><!--#include...
FSO生成静态HTML文件的时候替换模板标签一直是一个很麻烦的问题，至少我是这么认为的，还要别外做一个模板，麻烦！，我今天看见有一个方法可以解决这个问题如一个正常的index.asp页面，并且用ASP代码调出数据库中的内容，另建一个makehtml.asp的页面，加入一个textarea域，假设为name="body"，将index.asp在textarea里调出来，如：<textarea name="body"><!--#include...
Tags: web设计 企业网站 公司网站 网站制作
发布:admin | 分类:WEB设计 | 评论:0 | 引用:0 | 浏览:
网站目录
最新留言
文章归档
- 2009 March (2)
- 2009 February (3)
- 2009 January (1)
- 2008 November (2)
- 2008 October (1)
- 2008 September (1)
- 2008 August (2)
- 2008 July (1)
- 2008 June (2)
- 2008 May (2)
- 2008 April (2)
- 2008 March (1)
- 2008 February (1)
- 2008 January (1)
- 2007 November (1)
- 2007 September (3)
- 2007 August (5)
- 2007 July (9)
- 2007 March (3)
- 2007 January (23)
- 2006 December (56)
Search
站点统计
- 文章总数:122
- 评论总数:0
- 引用总数:86
- 浏览总数:26314
- 当前样式:default
- 当前语言:zh-CN
