百度空间

2023-04-17 09:04:01html-css013

百度空间,第1张

.空间制作目录

http://hi.baidu.com/huge/blog/item/9f35cffc6b46f382b901a001.html

1.百度官方空间CSS说明

http://hi.baidu.com/huge/blog/item/83420fb3541b3ba7d9335a36.html

2.最浅显易懂的百度CSS教程

http://hi.baidu.com/huge/blog/item/cc50ad4bb0560af082025c3c.html

3.你的博客值多少钱？

http://hi.baidu.com/huge/blog/item/9ac5277f0d2e760828388a71.html

4.如何提高百度空间访问量?

http://hi.baidu.com/huge/blog/item/f6d7b745c7dee526cffca3ef.html

5.给百度空间的几点改进建议

http://hi.baidu.com/huge/blog/item/8f56d6889045ff94a4c272e9.html

6.百度空间的网址功能连接项

http://hi.baidu.com/huge/blog/item/075f510f6c82512a6059f3eb.html

7.个人空间常用特殊符号介绍

http://hi.baidu.com/huge/blog/item/33cea3cc9ca30b1001e928ea.html

8.CSS代码图解(转)

http://hi.baidu.com/huge/blog/item/4a3f11df34acf31363279830.html

9.百度空间实用技巧集

http://hi.baidu.com/huge/blog/item/a1225c603a4f25df8db10d9e.html

10.百度空间个性代码

http://hi.baidu.com/huge/blog/item/d3089d16e09cf051f3de321d.html

11.利用重新定义标签，达到写文章时迅速排版的目的

http://hi.baidu.com/huge/blog/item/a42b9b50a3bb5362853524e9.html

12.边框风格属性(border-style)

http://hi.baidu.com/huge/blog/item/7d4a252d6d53ae34349bf7e9.html

13.百度空间布局剖析

http://hi.baidu.com/huge/blog/item/73151d95820284087bf480e9.html

14.浏览器窗口滚动条特效及添加滚动条的方法

http://hi.baidu.com/huge/blog/item/8f4bd109bea71a82d1581be8.html

15.教你怎样让背景自动更新,包括头背景

http://hi.baidu.com/huge/blog/item/383ed42a924cb29b033bf6e8.html

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

http://hi.baidu.com/huge/blog/item/1e5c78f09eddd4c37931aa9b.html

17.超链接效果修改--由浅入深

http://hi.baidu.com/huge/blog/item/ae0f8701daf301d6277fb5e8.html

18.插入图片位置的代码及效果演示图

http://hi.baidu.com/huge/blog/item/cc4bccbf7070fb0a18d81f60.html

19.使博客文章中链接在新窗口中打开

http://hi.baidu.com/huge/blog/item/c7a74aedac9df0d4b21cb166.html

20.文字发光方法!!!

http://hi.baidu.com/huge/blog/item/833c0708a3d56430e8248865.html

21.自制闪字空间名称

http://hi.baidu.com/huge/blog/item/26d49f3dcc37aa00baa1679a.html

22.各模块添加滚动条实例 + 参数详解

http://hi.baidu.com/huge/blog/item/1e285bb500016ece36d3ca9b.html

23.在百度空间里面添加自己的LOGO等等特效技巧

http://hi.baidu.com/huge/blog/item/1e285bb5000c6ece36d3ca9e.html

24.无缝调用不同模板CSS的办法

http://hi.baidu.com/huge/blog/item/1e285bb5000e6ece36d3ca9c.html

25.在文章中插入FLASH的制作过程

http://hi.baidu.com/huge/blog/item/8d419822c3b377f3d7cae2b5.html

26.百度空间添加FLASH播放器

http://hi.baidu.com/huge/blog/item/3b8459ee9a532ffbb2fb9536.html

27.教你如何制作个性化的标题栏

http://hi.baidu.com/huge/blog/item/2988033b928cb3ea15cecb29.html

28.文章列表板块文章区边框的设置

http://hi.baidu.com/huge/blog/item/b4643912ceb3c951f819b8d8.html

29.百度空间搜索模块css样式

http://hi.baidu.com/huge/blog/item/9a87a4c23b82ab1b0ef477cb.html

30.增加天气预报的方法

http://hi.baidu.com/huge/blog/item/56e8fbedc33f7a4f78f0550a.html

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

http://hi.baidu.com/huge/blog/item/65e3f736c39700310a55a90c.html

32.在您的站点上添加 Windows Live Favourites 收藏入口

http://hi.baidu.com/huge/blog/item/cdb10cf4d7feb2ef7609d703.html

33.滚动条与无滚动条

http://hi.baidu.com/huge/blog/item/e6feab646a1c01f0f7365402.html

34.背景音乐——透明渐变播放器

http://hi.baidu.com/huge/blog/item/afa4d0a2e9a448adcbefd000.html

35.显示IP地址代码

http://hi.baidu.com/huge/blog/item/f443352a121369385343c107.html

36.如何做半透明的百度空间

http://hi.baidu.com/huge/blog/item/4a3f11df34a0f31363279804.html

37.CSS在线编辑器

http://hi.baidu.com/huge/blog/item/deddc3fdbc4feb45d6887d3b.html

38.做分割线的方法

http://hi.baidu.com/huge/blog/item/9b0b367a58ff33ed2e73b33b.html

39.教你如何装饰(发表评论版块空白区)

http://hi.baidu.com/huge/blog/item/1755f21f07431263f624e43a.html

40.装饰百空"发表评论"的"内容"部分

http://hi.baidu.com/huge/blog/item/4c1cd9f9d4915959252df2aa.html

41.给自己的主页加上漂亮的计数器

http://hi.baidu.com/huge/blog/item/c82ab600eaba4387e950cd39.html

42.在百度空间文章中设置滚动字

http://hi.baidu.com/huge/blog/item/3527349b1d187fb5c9eaf452.html

43.改变百度空间的模块宽度

http://hi.baidu.com/huge/blog/item/ae0aebc4701260a98226ac0f.html

44.CSS边框属性

http://hi.baidu.com/huge/blog/item/1430dd54398eb358d10906b7.html

45.网页滚动效果设置

http://hi.baidu.com/huge/blog/item/3b8459ee3c9175fbb3fb956b.html

46.一些CSS效果教程补遗

http://hi.baidu.com/huge/blog/item/a42b9b50a3725362853524a0.html

47.查看任何人CSS代码和音乐地址的最简单方法

http://hi.baidu.com/huge/blog/item/9791b90117916203738da571.html

48.访问量字体改变.........

http://hi.baidu.com/huge/blog/item/5625acaffedc37cc7cd92a71.html

49.关于百度空间新出的“最近访客”的css

http://hi.baidu.com/huge/blog/item/88d9d1c8b4845d177f3e6f71.html

50.打造个性鼠标效果

http://hi.baidu.com/huge/blog/item/d586d143172ace1273f05d11.html

51.百度空间设计的"终极技巧"

http://hi.baidu.com/huge/blog/item/cc4bccbfad9d560a19d81f54.html

52.留言板代码

http://hi.baidu.com/huge/blog/item/4e50fbf2c9084513b07ec549.html

53.关于百度空间实现各区域不同样式的定义

http://hi.baidu.com/huge/blog/item/b91c4bfb3ab0b465034f5615.html

54.实现百度官方空间的三列式布局

http://hi.baidu.com/huge/blog/item/47bca40f8ba0e4ecab64570b.html

55.致Baiduer CSS初学者

http://hi.baidu.com/huge/blog/item/bdff08fad765be9759ee9008.html

56.打造空间个性的图片效果

http://hi.baidu.com/huge/blog/item/6e9ea977ef48ac1ab051b90b.html

57.解决百度模板横向滚动条的问题

http://hi.baidu.com/huge/blog/item/8a38d40785adf9cc7b89470f.html

58.给空间加点可爱的符号

http://hi.baidu.com/huge/blog/item/7e3462d00c558e8ea0ec9c0f.html

59.百度空间竖状菜单效果代码

http://hi.baidu.com/huge/blog/item/ca3960593a63cb2b2834f006.html

60.分隔线素材大全及其它素材

http://hi.baidu.com/huge/blog/item/b677034fbca0e837afc3ab01.html

61.CSS鼠标样式大全http://myok.bokee.com/3429184.html

对IE6、IE7、FF兼容性的详细CSS HACK介绍2007年12月05日 16:00以下为引用：

现在我大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对! important可以正确解释，会导致页面没按要求显示！搜索了一下，找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。

现在写一个CSS可以这样：

#example { color: #333} /* Moz */

* html #example { color: #666} /* IE6 */

*+html #example { color: #999} /* IE7 */

那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999，他们都互不干扰。我真希望那个IE6快点退休......

css Hacks，css样式表补丁.用于修正XHTML编码设计的网页模板布局,某些层的溢出问题,HACKS出处:www.webdevout.net，这个CSS补丁(hacks)很简单，在样式表中单独为ie7设置某个元素，id或者class前面这样写:

*:first-child+html #ID{}

或者

*:first-child+html .class{}

别忘掉了前面的*,这个hacks使得DIV+CSS网页模板在ie5+,ie6,ie7,firefox 1.5,firefox 2的浏览器中都可以完美体现原始布局,而不会出现层溢出等问题.

IE7 修复了很多 bug，也增加了对一些选择符的支持，所以现在诸如 *html {} 和 html>body {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用，条件注释才是万无一失的过滤器，但是条件注释只能出现在 HTML 中，CSS Hack 还是有用武之地的。Nanobot 发现了一些针对 IE7 的 CSS Hack，具体就是：

>body

html*

*+html

这三种写法，其中前两种都是不合法的 CSS 写法，在标准兼容浏览器中被被忽略，但是 IE7 却不这么认为。对于 >body ，它会将缺失的选择符用全局选择符 * 代替，也就是将其处理成了 *>body，而且不光对于 >选择符，+,~ 选择符中这个现象也存在。对于 html* ，由于 html 和 * 之间没有空格，所以也是一种 CSS 语法错误，但 IE7 不会忽略，而是错误地认为这里有一个空格。对于第三种 *+html，IE7 认为 html 前面的 DTD 声明也是一个元素，所以 html 会被选中，这三种方法中只有这一种方法是合法的 CSS 写法，也就是说可以通过校验器的验证，因此也是作者推荐的 hack 用法。

最后作者给出了最佳方式：

IE 6 and below

Use * html {} to select the html element.

IE 7 and below

Use *+html, * html {} to select the html element.

IE 7 only

Use *+html {} to select the html element.

IE 7 and modern browsers only

Use html>body {} to select the body element.

Modern browsers only (not IE 7)

Use html>/**/body {} to select the body element.

The IE7 CSS Hack(!important在ie7.0的hack方法)

由于ie对!important识别存在bug,而现在大部分网页标准设计师又通过这个bug来兼容ie和ff,但是ie7.0把这个bug给修复了,所以问题又出现了,怎么兼容ie.7.0的同时又能兼容ie6.0和ff?正所谓"上有政策,下有对策",国外的网页标准设计师通过使用css filter的办法(并不是css hack)来兼容ie7.0,ie6.0和ff,以下为作者从国外网站的翻译.

新建一个css样式如下：

插入代码：

#item {

width: 200px

height: 200px

background: red

}

新建一个div,并使用前面定义的css的样式：

插入代码：

some text here

在body表现这里加入lang属性,中文为zh：

插入代码：

现在对div元素再定义一个样式：

插入代码：

[/code]

*:lang(en) #item{

background:green !important

}

[/code]

这样做是为了用!important覆盖原来的css样式,由于:lang选择器ie7.0并不支持,所以对这句话不会有任何作用,于是也达到了ie6.0下同样的效果,但是很不幸地的是,safari同样不支持此属性,所以需要加入以下css样式：

插入代码：

#item:empty {

background: green !important

}

:empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上,并在以下浏览器和操作系统下通过测试：

ie7 beta 2 preview/win

ie5.01+/win

firefox 1.5/win

opera 8.5/win &linux

netscape 7.01, 8/win

mozilla 1.7.12/win &linux

safari 2/mac

firefox 1.0.4/linux

epiphany 1.4.8/linux

galeon 1.3.20/linux

Screenshot of the IE7 css hack in IE7

Screenshot of the IE7 css hack in Firefox 1.5

按照远作者的说法其实这不能算是一种hack,应该属于filter,不过这似乎并不是最重要的,因为通过这个办法,我们又一次了解决IE6.0,IE7.0和其他浏览器之间的兼容性问题,而且使用:lang-filter这办法,在今后的一段时间内都会有用.

文章来自：http://www.aixq.com/read.php?704

firefox,ie7,ie6兼容性问题，和css解决方案

注：IE都能识别*标准浏览器(如Firefox,Opera,Netscape)不能识别*；IE6能识别*，但不能识别 !important,IE7能识别*，也能识别!importantFF不能识别*，但能识别!important

写两句代码来控制一个属性，区别Firefox与IE6：

background:orange*background:blue

//这一句代码写出来时，你用firefox或其它非IE浏览时，会发现，写了该代码的区域背景是橙色的，如果用IE浏览，却是蓝色的，这是因为IE都能识别*标准浏览器(如Firefox,Opera,Netscape)不能识别*；

写两句代码来控制一个属性，区别IE7与IE6：

background:green !importantbackground:blue

//这一句代码写出来时，你用IE7浏览，会发现，写了该代码的区域背景是绿色的，如果用IE6浏览，却是蓝色的，这是因为IE7能识别! important*，一但识别了，就执行，忽略了后面的那一句，但IE6却不能识别!important，所以前面部分跳过，直接执行了后半部份。

写两句代码来控制一个属性，区别Firefox与IE：

background:orange*background:green

//这一句代码写出来时，你用Firefox浏览，会发现背景是橙色的，而IE里却是绿色的，很简单，因为Firefox不能识别*，而IE6，IE7都可以识*

写三句代码来控制一个属性，区别Firefox，IE7，IE6：

background:orange*background:green !important*background:blue

//这一句会使在Firefox在，背景呈橙色，IE7中为绿色，IE6中为蓝色，道理和前面一样，Firefox不能识别*，所以后面两句都不执行，直接执行第一句，IE7当然也能执行第一行代码，但是因为第二句，他也能识别，所以就执行了第二句代码，把前面的效果给过滤了，而最后一句，IE7是不能识别的。IE6不能识别!imprtant，本来运行了第一句代码了，第二句不能识别，那就理所当然的执行了最后一句。

<!--[if IE 6]>

<![endif]-->

<!--[if IE 7]>

<![endif]-->

Vue3对CSS支持加入了更多的特性支持，这样的话，我们在项目当中使用CSS就变得更加灵活了，来吧我们直接上干货

在style的标签上加一个module的属性，这样style里面的内容就会被编译成CSS Modules（模块），默认情况下，我们可以在模板代码里，或者JS里通过$style拿到所有样式属性并使用

我们也可以给CSS Modules自定义一个名称，在style的module属性设置一个名称就可以了,这样的话在模板和JS里就通过自定义的名称来引入CSS里的属性

与组合式 API 一同使用，注入的类可以通过 useCssModule API 在 setup() 和.success { color: #090}

可以通过 v-bind 这一 CSS 函数将 CSS 的值关联到动态的组件状态上

这个语法同样也适用于

词库加载错误未能找到文件“E高铁采集器内存溢出ConfigurationDictStopwordstxt”

# 上一篇：dw中的js点击登陆怎么跳转到网页