百度空间CSS完整教程

html-css018

百度空间CSS完整教程,第1张

过来坐坐吧,里面的东东那是相当得多

http://hi.baidu.com/xzj4167/blog/item/c0ee18afbe1f16f9fbed509a.html

壹 .CSS语法有关:

一53个CSS-不可或缺的技巧

二 CSS的十八般技巧(提高版)

三 玩转CSS CSS精彩实例教程

四 CSS代码图解(转)

五CSS语法手册

六基本颜色代码+

七CSS基本语法总整理

八 百度空间模块css代码

九 百度空间 CSS更全面解释 以及 参数属性

十 CSS在线编辑器

贰,CSS技巧

一 Iframe 用法的详细讲解- -

二无缝调用不同模板CSS的办法:

下载百度默认模板

三如何让百度空间上出现日历和时钟

四QQ空间跳转百度空间

五“自定义模块”代码详解

六让空间拥有精美flash背景!

七让自己的空间下雨

八宣传百度空间的6种方法,你知道吗?(

九空间个人档案的有关设置 :

个人档案添加图片

十 隐藏你不想显示的模块

十一给自己的主页加上漂亮的计数器

十二添加小图标,以及小图片:

1文章日期旁加小图案,

2标题栏主体加小图案,

3如何在文章标题前加图片

十三如何增加一个象spaces一样的弹出窗口

十四超链接的有关设置:

1 给超链接添加按钮效果,

2禁止选择/*鼠标触碰 按钮下陷,

3给链接添加背景色效果代码

十五友情连接的应用:

1连接邮箱;

2链接QQ;

3添加“加为好友”的链接:

十六 空间文章板块的有关设置:

1 定义阅读文章时 文章块宽度 距左长度,

2文章列表板块文章区边框的设置,

3日志背景,

4空间个性图片效果,

5图片添加灰色边框效,

6文章区的文字与边框之间的距离调整,

7去掉文章题目下划线

8文章中插入多媒体(视频)

十七空间 模板 以及 图片 的有关设置:

1/*背景设置*/

2/半透明设置*/

3/*常用插入时间图片位置的代码*/

4/*留言板添加图片*/

5/*前景图片透明设置*/

6各部分背景设置

7评论下增加背景图

8如何固定空间背景

9.如何在所有页面底部加入图片

10/*最顶部加字方法!*/

11/*空间整体宽度*/

12/*版块长度及间距*/

13/*去除模块背景即完全背景透明*/

14/*改变你的按钮和输入栏的颜色及字体*/

15/*更多文章居右*/

16*添加天气预报*/

17/*隐藏“查看该用户在百度的”分类*/

18/*添加LOGO*/

19背景色的半透明设置

20设置透明背景图

21主页的个人档案,档册,其它显示透明

22:自定义背景

23让你的百度空间里每一个连接都新窗口中打开

24:屏蔽屏蔽空间任何一个版块

25头部时间显示特效”:

26改变百度空间的模块宽度

27如何改变空间名称的效果

28如何在百度空间上显示天气预报、系统信息、日历、问候、签名。

29专栏分割线的CSS代码修改方法

十八 空间TAB菜单的有关设置:

1如何为TAB菜单加上花边

2如何改变TAB菜单栏的位置及颜色

3/*调整TAB距离*/

4如何在个人控制条中间加时钟

5竖状菜单

十九空间其他版块的有关设置:

1给其它的中间部分加图片

2/*其他模块标题添加图片*/

3教你加显示IP地址代码

4自定义显示IP的项目的颜色

5/*百度空间显示排名*/

6/*其他模块已有XXXX人次访问本空间数字字体设置 */

7在百度空间里面添加自己的特效

二十 空间字体的有关设置:

1百度空间文字发光的方法

2/*阴影效果字体阴影*/

3/*投影的代码*/

4自制闪字空间名称

二十一 空间 背景音乐 播放器 的有关设置:

1如何隐藏播放器而不影响音乐播放

2背景音乐支持多首歌曲

3/*播放器*/

4播放器大小调整

5特色播放器

6玩转百度空间的"背景音乐"板块

7如何在百度空间里添加多首背景音乐(图解)

二十二背景色的半透明设置

二十三打造一个自己的百度空间"其他板块"

二十四做分割线的方法

二十五在空间里加入滚动条:

1想添加滚动条,只需下面的代码即可

2如何让你的浏览器滚动条变色

3透明个性化滚动条

二十六 教你如何制作个性化的标题栏(转自玩转百度空间)

二十七 跟我一起玩百度空间+CSS教程+

二十八 空间评论区的有关设置

二十九给空间加点可爱的符号

三十关于空间制作的链接:

1.让你看懂css各个参数

2.百度空间CSS使用说明

3.怎样编写CSS的!

4.CSS代码解密

5.一个CSS的漏洞

6.增加自定义模块功能

7.更换主体及文章的背景

8.透明flash代码

9.百度空间十大宝藏

10.制作个性化的标题栏

11.看到更多的百度空间

12.百度空间的8个优缺点

13.专栏分割线的代码修改

14.添加自己的LOGO图片

15.宣传百度空间的方法

16.添加多首背景音乐

17.设置透明背景图

18.更改空间的鼠标样式

19.在空间里加入滚动条

20.透明的背景音乐的播放器

21.透明个性化滚动条

22.给链接添加背景色效果代码

23.显示"点击给你发消息"怎么在空间做!

24.去掉文章题目下划线

25.常用插入图片位置的代码

26.如何隐藏播放器而不影响音乐播放

27.如何有字体阴影

28.自制闪字空间名称

29.解决回车换两行的问题

30.调整一下行距

31.让空间拥有精美flash背景

32.让空间自动弹出对话框!

33.修改blog显示的文字颜色大小

34.如何让你的浏览器滚动条变色

35.为评论和链接加上图片

36.如何在"其它"下面加上图片

37.百度空间的名称如何用艺术字?

38.百度空间文字发光的方法

39.文字快速插链接

40.空间模块巧移动

41.个性化你的IP显示,自定义颜色

42.全透明

43.空间背景半透明

44.如何在百度空间的文章标题周围加花边图案?

45.关于百度空间照片大小限制的问题!!!

46.如何在百度空间发表文章时插入FLESH动画?

47.怎样换百度空间的背景

48.做分割线的方法

49.在百度空间里面添加自己的特效

50.在文章中快速插入图片

51.添加计数器的两种方法

52.如何在空间顶部加入图片

53.发表评论框的图片

54.改变空间主页名称和简介的字体大小

55.给超链接添加按钮效果

56.如何给评论框添加背景

57.Iframe 用法的详细讲解

58.背景图片素材01

59.图片素材20060929

60.我的自定义设计

61.CSS鼠标样式大全

62.跟我一起玩百度空间的音乐和视频+

63.为<好友列表>增加一个滚动条

64.空间模块巧移动 + 文字快速插链接

65.怎么去掉百度空间里模块的框框!

66.基本颜色代码+

67.在你的空间中加入幽默元素..

68.百度空间吧[精品]贴+

三十一边框风格属性(border-style)

CSS发展史

CSS(Cascading Style Sheets,层叠样式表)是一种将表示样式应用到标记的系统。CSS以设计、改变其HTML页面的样式而知名,并使用于Web和其他媒介,如XML文档中。1996年12月W3C推出了CSS规范的第一个版本,1998年W3C发布了CSS的第二个版本即CSS2.0,2001年5月W3C开始进行CSS3标准的制定,到目前为止该标准还没有最终定稿。

CSS1.0

选择器:要使用CSS对HTML页面中的元素实现一对一,一对多或者多对一的控制,就需要用到CSS选择器。选择器大致分为派生选择器、ID选择器和类选择器,用来定义希望应用样式的HTML元素或者标签。

样式属性:该属性主要包括Font字体、Text文本、Background背景、Position定位、Dimensions尺寸、Layout布局、Margin外边框、Border边框、Padding内边框、List列表、Table表格和Scrollbar滚动条等,用于定义网页的一些样式变化。

伪类属性:主要定义了针对描述对象a的link、hover、active、visited和针对节点的first-letter、first-child、first-line等几个伪类属性。

保存方式:用户可以直接存储在HTML网页中,也可以将CSS样式代码存储为独立的样式表文件。

CSS2.0

选择器:css2提供了更多强大的选择器,用来定位HTML节点或者标记

符号名称

含义

示例

*

用于匹配任何标记

*{color:red}

>

用于指定父子节点关系

AAA >CCC >DDD >{color:red}匹配父节点分别为CCC和AAA的节点DDD节点

用于匹配在某一层有某个父节点的节点

AAA CCC DDD {color:blue}匹配包含父节点CCC的父节点AAA的节点DDD

+

用于表示在同一个级别节点之间的关系

AAA+BBB{color:red}表示,有一个兄弟节点AAA的节点BBB

名称[表达式]

选择包含特殊属性值的节点

BBB[text="xyz"]{color:blue} 表示包含text属性值为xyz的BBB标签

位置模型:在CSS2中进一步增强了位置属性功能,增加了relative、absolute和fixed等几个值

值名称

含义

relative

元素框相对父节点偏移某个距离,元素仍保持其未定位前的形状,它原本所占的空间仍保留

absolute

元素框从文档流中完全删除,并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像元素原来不存在一样

fixed

元素框的表现类似于absolute值,不过其包含块是视窗本身

z-index

用来指定相互重叠的元素的叠放顺序,数字较大的元素会叠放在数值较小的元素前面

布局、表格样式:CSS2对display属性进行了扩充,用户可用该属性指定元素是否会显示以及如何显示,也可以使用该属性配合位置和浮动进行页面的布局。另外,用户还可以将一个非表格的结构化文档显示为一个表格样式。

媒体类型:用于对不同的媒体类型定义不同的样式。

属性名称

含义

aural

用于语音和音频合成器

embossed

用于分页的盲人用点字法打印

print

用于打印机

screen

用于计算机显示器

braille

用于盲人用点字法触觉回馈设备

projection

用于方案展示如幻灯片

伪类:CSS2增加了focus(将样式添加到被选中的元素)、:first-child(将特殊的样式添加到元素的第一个子元素)、:lang(允许创作者来定义指定的元素中使用的语言)。

光标样式:增加了cursor属性,用于指定设备应该显示怎样的光标类型。

值名称

含义

default

默认光标(通常是一个箭头)

auto

默认,浏览器设置的光标

crosshair

光标呈现为十字线

pointer

光标呈现为指示链接的指针(一只手)

move

此光标指示某对象可被移动

e-resize

此光标指示矩形框的边缘可被向右移动

text

此光标指示文本

wait

此光标指示程序正忙(通常是一只表或沙漏形状)

help

此光标指示可用的帮助(通常是一个问号或一个气球)

DIV+CSS其实是一种错误的叫法,标准的叫法应该是XHTML+CSS,因为DIV与table都是XHTML或HTML语言中的一个标记,而CSS只是一种样式表现。DIV+CSS已经将内容和表现分割开来,所以修改网页时只需指定内容修改即可。

CSS常用命令规则

名称

含义

名称

含义

header

页头

content/Container

内容

footer

页脚

nav

导航

sidebar

侧栏

column

栏目

wrapper

页面外围控制整体布局宽度

left

左侧

right

右侧

center

中间

loginbar

登录条

logo

标志

banner

广告

main

页面主题

hot

热点

news

新闻

download

下载

subnav

子导航

menu

菜单

submenu

子菜单

search

搜索

friendlink

友情链接

copyright

版权

scroll

滚动

content

内容

tab

标签页

list

文章列表

msg

提示信息

title

栏目标题

joinus

加入

guild

指南

service

服务

register

注册

status

状态

vote

投票

partner

合作伙伴