CSS中vertical-align属性详讲

2011-03-16,星期三 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 3,167 views

vertical-align一大堆乱七八糟的属性

vertical-align指的是什么意思呢?我window+D清屏,双击打开有道桌面词典,输入vertical,再输入align,“哦~~~~”,我脑袋一晃,原来是“垂直的”+“对齐”的意思,就是垂直对齐嘛!

中,就是垂直对齐的意思,先放一边,我看先看看vertical-align支持哪些属性,我比较喜欢轻巧的Dreamweaver,看看他的提示属性又哪些: 全文阅读 »

CSS Reset的应用

2009-09-10,星期四 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 1,517 views

知道CSS Reset是什么吗?通常情况下,它也被写成Reset css,即重设浏览器的样式。在各种浏览器中,都会对CSS的选择器默认一些数值,譬如当h1没有被设置数值时,显示一定大小。但并不是所有的浏览器都使 用一样的数值,所以,有了CSS Reset,以让网页的样式在各浏览器中表现一致。
全文阅读 »

CSS隔行换色

2009-09-09,星期三 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 2,239 views

网站制作过程中我们会经常遇到表格处理数据,当然要想做的好看点就要运用到css隔行换色了。这相表格才会看上去不那么呆板。
全文阅读 »

CSS处理漂亮的表格

2009-05-31,星期天 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 2,567 views

虽然CSS+DIV架构是现在网站建设的主要趋势,但是在网页制作过程中还是会遇到一些信息需要表格来处理,如一些报价,产品属性说明等等。那么我们怎么通过 css 来格式化自己的表格,让他看上去更加漂亮呢。

下面介绍一些大型网站常用的,表格样式处理;
代码如下: 全文阅读 »

W3C与DIV+CSS对SEO到底有多大的帮助

2009-04-16,星期四 | 分类:上海SEO案例, 上海SEO相关 | 标签: | 1,616 views

W3CDIV+CSSSEO到底有多大的帮助
W3C网页设计标准是一种技术也是一种思想。

现在基本上很多高端的客户都会要求按照W3C标准来设计网站。在今年和去年这两年时间里,国内很多的门户网站都已经按照W3C标准对网站整体进行代码重构
DIV+CSS对SEO到底有多大
用W3C标准来设计网站,有个好处:提高用户体验,加快网页下载速度。按照W3C标准设计的网站,用户浏览速度比较快,因为网站的代码比较简洁。 全文阅读 »

CSS的十八般技巧

2008-10-02,星期四 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 1,645 views

查看更多网站制作文章请点击这里。
翻译:阿捷
原文作者:Roger Johansson
作者简介:
住在瑞典哥德堡,1994年开始接触和参与web设计,456 Berea Street是他的住址,因此采用这个名字作为他的个人主页域名
最近,经常有朋友问我一些工作中遇到的css问题。他们总是不能很好的控制CSS,影响CSS的效率发挥。我来分析总结一下错误所在,帮助大家更加容易使用CSS。

全文阅读 »

10个你未必知道的CSS技巧

2008-10-02,星期四 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 1,501 views

查看更多网站制作文章请点击这里。

七、10个你未必知道的css技巧
­
1、CSS字体属性简写规则
一般用CSS设定字体属性是这样做的:
font-weight:bold;
font-style:italic;
font-varient:small-caps;
font-size:1em;
line-height:1.5em;
font-family:verdana,sans-serif;
但也可以把它们全部写到一行上去:
font: bold italic small-caps 1em/1.5em verdana,sans-serif; 全文阅读 »

CSS兼容要点分析IE vs FF

2008-10-02,星期四 | 分类:DIV/CSS, 上海SEO 网站制作, 浏览器兼容 | 标签: | 1,925 views

查看更多网站制作文章请点击这里。
css 兼容要点:
DOCTYPE 影响 CSS 处理
FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式 全文阅读 »

w3c技术架构介绍

2008-10-02,星期四 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 2,446 views

上海SEO建议你,查看更多网站制作文章请点击这里。
五、w3c技术架构介绍
原文:http://www.w3.org/Consortium/technology
原作者:w3c
翻译:阿宏
­
­
全文阅读 »

CSS2盒模型的3D示意图

2008-10-02,星期四 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 2,155 views

查看更多网站制作文章请点击这里。
CSS2中的盒模型是关系到我们排版定位的关键,例如
就遵循盒模型规范。盒模型定义的margin,background-color,background-image,padding ,content,border,初学者经常会搞不清楚它们之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图,希望便于你的理解和记忆。 全文阅读 »

CSS布局实例

2008-10-02,星期四 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 2,504 views

查看更多网站制作文章请点击这里。

接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现。技术有一个成熟的过程,把DIV看成和TABLE一样的工具,如何运用就看你的想象力了。 全文阅读 »

CSS布局入门

2008-10-02,星期四 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 2,095 views

查看更多网站制作文章请点击这里。

CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。
1、定义DIV
分析一个典型的定义div例子: 全文阅读 »

CSS基本语法规范

2008-10-02,星期四 | 分类:DIV/CSS, 上海SEO 网站制作 | 标签: | 1,605 views

查看更多网站制作文章请点击这里。

css是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。
一、基本语法规范
分析一个典型CSS的语句:
p {COLOR:#FF0000;BACKGROUND:#FFFFFF}
­ 全文阅读 »


上海SEO培训 上海SEO培训 沪ICP备06034546号 ©Copyright 2006-2018 上海SEO