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)
1,在CSS第一行的那些汉字,那是标注的模板栏目,或模板的制作者的汉字标示。2,你是新手建议你必须先学习一下教程:
http://hi.baidu.com/tchzx/blog/item/c8a3d613131cae025baf53b0.html
跟我一起玩百度空间CSS教程+090+ (从"零"开始学玩百度空间)
http://hi.baidu.com/tchzx/blog/item/c8a3d613131cae025baf53b0.html
谭诚工作室: http://hi.baidu.com/tchzx
1.让你看懂css各个参数http://hi.baidu.com/tchzx/blog/item/1e0453e7c351052eb838200d.html
2.百度空间CSS使用说明http://hi.baidu.com/tchzx/blog/item/b360d33fddd2b0c27c1e714a.html
3.怎样编写CSS的! http://hi.baidu.com/tchzx/blog/item/d75fd7a2f36821adcaefd0e1.html
4.CSS代码解密http://hi.baidu.com/tchzx/blog/item/f106f71f339b06f5e1fe0bfe.html
5.一个CSS的漏洞http://hi.baidu.com/tchzx/blog/item/c1e74cfb9c6c8164024f560d.html
6.增加自定义模块功能http://hi.baidu.com/tchzx/blog/item/c207c91b9f69d7faae513303.html
7.更换主体及文章的背景http://hi.baidu.com/tchzx/blog/item/f7b0d609ad57ba82d0581b15.html
8.透明flash代码http://hi.baidu.com/tchzx/blog/item/5012e1cd15168a510eb345e3.html
9.百度空间十大宝藏http://hi.baidu.com/tchzx/blog/item/7e3daa6eb9da40da80cb4a62.html
10.制作个性化的标题栏http://hi.baidu.com/tchzx/blog/item/ae077109a6518aaf2fddd434.html
11.看到更多的百度空间http://hi.baidu.com/tchzx/blog/item/dbe16c634f5e47600d33fa07.html
12.百度空间的8个优缺点http://hi.baidu.com/tchzx/blog/item/75d054432e8b9e119213c606.html
13.专栏分割线的代码修改http://hi.baidu.com/tchzx/blog/item/32c416df0880ac1362279831.html
14.添加自己的LOGO图片http://hi.baidu.com/tchzx/blog/item/0bee1a9599002e087af48000.html
15.宣传百度空间的方法http://hi.baidu.com/tchzx/blog/item/a8f9758b7e459512c9fc7a59.html
16.添加多首背景音乐http://hi.baidu.com/tchzx/blog/item/5339282e42b2bd504ec22617.html
17.设置透明背景图http://hi.baidu.com/tchzx/blog/item/f4cb90dd7fad81345882ddb6.html
18.更改空间的鼠标样式http://hi.baidu.com/tchzx/blog/item/50c2c15cc3d17f43faf2c0b6.html
19.在空间里加入滚动条http://hi.baidu.com/tchzx/blog/item/702631d319d09a003bf3cfb6.html
20.透明的背景音乐的播放器http://hi.baidu.com/tchzx/blog/item/97f7b909d38ada246a60fbb6.html
21.透明个性化滚动条http://hi.baidu.com/tchzx/blog/item/3013b5fbeaff41224e4aeab6.html
22.给链接添加背景色效果代码http://hi.baidu.com/tchzx/blog/item/effb6427fc39db03908f9db6.html
23.显示"点击给你发消息"怎么在空间做! http://hi.baidu.com/tchzx/blog/item/62e02f3893d9c524b9998fb6.html
24.去掉文章题目下划线http://hi.baidu.com/tchzx/blog/item/ce8c044f1019db36aec3abb6.html
25.常用插入图片位置的代码http://hi.baidu.com/tchzx/blog/item/83257c89c9b823b30e2444b5.html
26.如何隐藏播放器而不影响音乐播放http://hi.baidu.com/tchzx/blog/item/e4233edbfb147e66d1164eb5.html
27.如何有字体阴影http://hi.baidu.com/tchzx/blog/item/b1d78094e72b511ed31b70b5.html
28.自制闪字空间名称http://hi.baidu.com/tchzx/blog/item/df49ca114a626b10b8127bb5.html
29.解决回车换两行的问题http://hi.baidu.com/tchzx/blog/item/b420a086e4fe533e66096eb5.html
30.调整一下行距http://hi.baidu.com/tchzx/blog/item/b8bc514e84b1fd09b2de05b5.html
31.让空间拥有精美flash背景http://hi.baidu.com/tchzx/blog/item/5fc12af5ea17b525bd3109b5.html
32.让空间自动弹出对话框!http://hi.baidu.com/tchzx/blog/item/5339282e4cd0b7504ec226b5.html
33.修改blog显示的文字颜色大小http://hi.baidu.com/tchzx/blog/item/691c36ad2e075a094a36d6b5.html
34.如何让你的浏览器滚动条变色http://hi.baidu.com/tchzx/blog/item/af686238d73fbd2396ddd8b5.html
35.为评论和链接加上图片http://hi.baidu.com/tchzx/blog/item/b2c26759e6c5f82a2934f0b5.html
36.如何在"其它"下面加上图片http://hi.baidu.com/tchzx/blog/item/6c1f975228ca5e0e0df3e3b5.html
37.百度空间的名称如何用艺术字?http://hi.baidu.com/tchzx/blog/item/0738f00331678cec09fa93b5.html
38.百度空间文字发光的方法http://hi.baidu.com/tchzx/blog/item/d5b9ff19f8f01a7adbb4bdb5.html
39.文字快速插链接http://hi.baidu.com/tchzx/blog/item/ca2b7e3166bd9f19eac4afb5.html
40.空间模块巧移动http://hi.baidu.com/tchzx/blog/item/b4abaa4b8efb5ff083025cb4.html
41.个性化你的IP显示,自定义颜色http://hi.baidu.com/tchzx/blog/item/378ed71659cc8718962b43b4.html
42.全透明http://hi.baidu.com/tchzx/blog/item/c12a7a1e97f322f41ad576b4.html
43.空间背景半透明http://hi.baidu.com/tchzx/blog/item/b4e8bda1faf95e8b461064b4.html
44.如何在百度空间的文章标题周围加花边图案?http://hi.baidu.com/tchzx/blog/item/55a6221fbf22fdc8a68669b4.html
45.关于百度空间照片大小限制的问题!!! http://hi.baidu.com/tchzx/blog/item/f7b0d609ab36b082d0581bb4.html
46.如何在百度空间发表文章时插入FLESH动画?http://hi.baidu.com/tchzx/blog/item/f106f71f32c101f5e1fe0bb4.html
47.怎样换百度空间的背景http://hi.baidu.com/tchzx/blog/item/c94729dd492b50d98c1029b4.html
48.做分割线的方法http://hi.baidu.com/tchzx/blog/item/f6fbb77e136749380dd7dab4.html
49.在百度空间里面添加自己的特效http://hi.baidu.com/tchzx/blog/item/69db8044561f364c500ffeb4.html
50.在文章中快速插入图片http://hi.baidu.com/tchzx/blog/item/437f5eee9b8a79fbb3fb95b4.html
51.添加计数器的两种方法http://hi.baidu.com/tchzx/blog/item/0731f5d3cecb3ddfa8ec9ab4.html
52.如何在空间顶部加入图片http://hi.baidu.com/tchzx/blog/item/4b9b8cd437fbab01a08bb7b4.html
53.发表评论框的图片http://hi.baidu.com/tchzx/blog/item/b4abaa4b8ef45ff083025cab.html
54.改变空间主页名称和简介的字体大小http://hi.baidu.com/tchzx/blog/item/7e3daa6e94237dda80cb4aab.html
55.给超链接添加按钮效果http://hi.baidu.com/tchzx/blog/item/95f73d292412ccfe98250aab.html
56.如何给评论框添加背景http://hi.baidu.com/tchzx/blog/item/c26ece17518b4b09c83d6df9.html
57.Iframe 用法的详细讲解http://hi.baidu.com/tchzx/blog/item/e23e207f172e2b0828388a8e.html
58.背景图片素材01 http://hi.baidu.com/tchzx/blog/item/bc11d02aa2db092dd52af10f.html
59.图片素材20060929 http://hi.baidu.com/tchzx/blog/item/6d12563d821675ee3c6d970e.html
60.我的自定义设计 http://hi.baidu.com/tchzx/blog/item/3c6ab5b731ac21f431add193.html
61.CSS鼠标样式大全 http://www.hi128.cn/?250/action_viewspace_itemid_37.html
62.跟我一起玩百度空间的音乐和视频+ http://hi.baidu.com/tchzx/blog/item/398833a85082a0b1ca130c21.html
63.为<好友列表>增加一个滚动条 http://hi.baidu.com/tchzx/blog/item/b54a0bf4d32be5ef7709d70b.html
64.空间模块巧移动 + 文字快速插链接 http://hi.baidu.com/tchzx/blog/item/d6369b82c9d0e2bf6d811914.html
65.怎么去掉百度空间里模块的框框!http://hi.baidu.com/tchzx/blog/item/5012e1cd2f64b0510eb345b1.html
66.基本颜色代码+ http://hi.baidu.com/tchzx/blog/item/e3f0317aa7d065ed2f73b329.html
67.在你的空间中加入幽默元素.. http://hi.baidu.com/tchzx/blog/item/5612858b86b287d3fc1f10f0.html
68.百度空间吧[精品]贴+ http://hi.baidu.com/tchzx/blog/item/06cf65d06bb7be8fa1ec9cf9.html
69.如何在博客上---中--下加入图片(时钟)http://hi.baidu.com/tchzx/blog/item/8e2cb0452fc7b226cefca333.html
72.教你10个你未必知道的CSS技巧! http://hi.baidu.com/tchzx/blog/item/ee3cb41c0680918b86d6b60e.html
73.用CSS进行百度空间样式设计! http://hi.baidu.com/tchzx/blog/item/f7b0d609a75eac82d0581b0c.html
74.百度空间自动友情链接 http://hi.baidu.com/tchzx/blog/item/f235a64477276882b2b7dc98.html
75.一起玩百度空间帮助 http://hi.baidu.com/tchzx/blog/item/e4233edbfee96366d0164e98.html
76.一起玩百度空间榜单 http://hi.baidu.com/tchzx/blog/item/5173043b98a1f8ea15cecb99.html
77.点对点宣传百度空间 http://hi.baidu.com/tchzx/blog/item/e859cc13444c3823dc540164.html
78.百度空间常见27+问题 http://hi.baidu.com/tchzx/blog/item/9636b38f8c02a5eef11f365a.html
79.怎样让百度、Google搜到你的博客 http://hi.baidu.com/tchzx/blog/item/3c6ab5b70df03df430add15f.html
80.如何加上一个个性时间网页上?http://hi.baidu.com/tchzx/blog/item/f467a7ec9522603d279791a5.html
81.教你怎样让背景自动更新,包括头背景 http://hi.baidu.com/tchzx/blog/item/92eb968f3bd93afa503d927a.html
82.在 CSS 中关于字体处理效果的思考 http://hi.baidu.com/tchzx/blog/item/4ac6be3876097ac2d4622526.html
83.如何置顶文章及美化自定意模块! http://hi.baidu.com/tchzx/blog/item/6c1f97523edf440e0df3e382.html
84.如何美化页眉部分 http://hi.baidu.com/tchzx/blog/item/d6f1ecc4d2bb75a98326ac83.html
85.更换背景及滚动轴颜色和空间半透代码 http://hi.baidu.com/tchzx/blog/item/4dd018306adb8e99a8018e8c.html
86.如何设置标题.简介及文章字体为光晕字 http://hi.baidu.com/tchzx/blog/item/55a6221f8acae6c8a786698c.html
87.用CSS来控制网页背景 http://hi.baidu.com/tchzx/blog/item/cce94b08ec6526950b7b8228.html
88.CSS产生的特殊效果 http://hi.baidu.com/tchzx/blog/item/e763a11ebdb7c61f40341728.html
89.用Css控制IE5.5浏览器中滚动条 http://hi.baidu.com/tchzx/blog/item/4dd0183097408399a8018e29.html
90.css语法(百度空间) http://hi.baidu.com/tchzx/blog/item/e5e21ed8ac5b8a3532fa1c29.html
CSS优先级是根据等级的值相加得出选择器的权重来决定的。
!important >行内样式 >ID >类、伪类、属性 >标签名 >继承 >通配符
计算权重方式:
从图上看讲权重分为:
1. 第一等:代表内联样式,如: style=””,权值为1000。
2. 第二等:代表ID选择器,如:#content,权值为0100。
3. 第三等:代表类,伪类和属性选择器,如.content,权值为0010。
4. 第四等:代表类型选择器和伪元素选择器,如div p,权值为0001。
5. 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。
6. 继承的样式没有权值。
当权重一样时遵循准则:
1. 选择器越 具体 优先级越 高
2. 在同一个级别的情况下, 最后 指定的规则优先级就越 高 ,也就是我们通常说的就近原则;
权重计算例子:
1. li ->0 0 0 1 权重为 1
2. h1 + *[rel=up] ->0 0 1 1 这个相邻选择器由标签选择器与属性选择器组成,属性选择器为10,因此权重为11
3. ul ol li.red ->0 0 1 3 权重为13
4 li.red.level ->0 0 2 1 权重21
1. !important (width: 100% !important)
2. 行内样式 (style="width:100%")
3. id选择器 (#myIdName)
4. class选择器 (.myClassName)
5. 标签选择器 (div,h1,p)
1. 使用 " >>>" 符号,这种方式主要是用于普通css,方式为:
外层 >>>第三方组件样式: .wrapper >>>.swiper-pagination { color: #eee }
2. 使用 "/deep/" ,这种方式主要用于sass或less,方式为:
外层 /deep/ 第三方组件样式: .wrapper /deep/ .swiper-pagination { color: #eee }