百度空间的CSS如何设置啊? 如何进入百度空间的高级设置进入css设置啊?我这边怎么进不去...

\u5982\u56fe\uff0c\u767e\u5ea6\u7a7a\u95f4css\u8bbe\u7f6e

\u7528\u6237\u540d \u8fd9\u51e0\u4e2a\u5b57\u8981\u770b\u5b83\u5305\u542b\u5728\u4ec0\u4e48\u6807\u7b7e\u4e2d\uff0c\u53ef\u4ee5\u4e3a\u6807\u7b7e\u6307\u5b9a\u5355\u72ec\u7684id \u5982id="username" \u5373\u53ef\u5728\u6837\u5f0f\u8868\u4e2d\u7528#username{\u2026\u2026\u2026\u2026}\u6765\u8bbe\u7f6e\uff1b
\u540e\u9762\u7684input\u7684\u8bbe\u7f6e\uff1a
input[type="text"] {width:90px;height:22px;}

\u9996\u5148\u767b\u9646\u4f60\u7684\u7a7a\u95f4\u2192\u88c5\u626e\u2192\u6311\u9009\u6a21\u677f\u2192\u6211\u8bbe\u8ba1\u7684\u2192\u628a\u9f20\u6807\u653e\u5728\u6a21\u7248\u4e0a\u51fa\u73b0\uff08\u7f16\u8f91\uff09\uff0c\u70b9\u51fb\uff08\u7f16\u8f91\uff09\uff0c\u8fd9\u65f6\u51fa\u73b0\u4e2a\u5bf9\u8bdd\u6846\uff08\u63d0\u793a\uff09\uff08\u8bf7\u9009\u62e9\u7f16\u8f91\u6a21\u5f0f\uff1a\uff09\u6709\u4e24\u4e2a\u9009\u62e9\uff0c\u30101\u3011\u53ef\u89c6\u5316\u7f16\u8f91\u3002\u30102\u3011CSS\u4ee3\u7801\u7f16\u8f91\u3002\u70b9\u51fb\uff08CSS\u4ee3\u7801\u7f16\u8f91\uff09
\u6253\u5f00\u6211\u7684\u6536\u85cf\uff0c\u628a\u9f20\u6807\u653e\u5728\u6d4f\u89c8\u9762\u4e0a\u5c31\u51fa\u73b0\uff08\u7f16\u8f91\uff09\u6253\u5f00\u7f16\u8f91\u70b9\uff08\u4fdd\u5b58\u5e76\u4f7f\u7528\uff09

CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,我感到这样顺口一
点,没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是
Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工
具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,为什么同样内容的网页,有的人做出来有
几十KB,而高手做出来只有十几KB,CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小经验以及一些网友来信
提问的问题整理出来,供诸位参考。
1、CSS在网页制作中一般有三种方式的用法,那么具体在使用时该采用哪种用法?
当有多个网页要用到的CSS,采用外连CSS文件的方式,这样网页的代码大大减少,修改起来非常方便;只在单个网页
中使用的CSS,采用文档头部方式;只有在一个网页一、两个地方才用到的CSS,采用行内插入方式。

2、CSS的三种用法在一个网页中要以混用吗?
三种用法可以混用,且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因,浏览器在显示网页时是这样处
理的:先检查有没有行内插入式CSS,有就执行了,针对本句的其它CSS就不去管它了;其次检查头部方式的CSS,有就执行
了;在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出,三种CSS的执行优先级是:行内插入式、头部方
式、外连文件方式。

3、在Dreamweaver3中如何使外部文件式CSS?
在Dreamweaver3中使用外连文件式CSS并没有特殊要求,同样是用记事本创建一个*.css文件,在网页的<head>与
</head>之间加上一句这样的代码:<link rel="stylesheet" href="在这里填上你的CSS文件地址(相对路径+文件
名)" type="text/css"> 就行了。

4、如何用Dreamweaver3快速创建CSS外连式文件?
对于一个初接触CSS的网页设计人员来讲,要用记事之类的编辑器,去创建一个CSS外连式文件是相当困难的。由于
Dreamweaver3对CSS支持的很好,用它来帮助就轻松多了。具体可以这样操作:
1)先在纸上写好在网站的网页中可能要用到的格名称,然后在Dreamweaver3的编辑窗中调出CSS面板,一个一个地定
义,并在一个空白页上适当地写一点相关内容,边定义边试用,效果不满意,立即修改;
2)全部定义好后,再用记事本创建一个空的CSS外连式文件,把在<head>与</head>之间的那段定义好的CSS复制
到CSS文件中去,就大功告成了。整个过程就是点鼠标,方便吧?

5、在Dreamweaver3中采用行内插入式CSS要手动写代码吗?
不用!先用CSS面板定义好要用的CSS,然后,在要插入CSS的标记插入:style="",再把你刚才定义的CSS从<head>
后面拖到这个双引号中来,把花括号以外的部分删去就行了。

6、在方档头部方式和外连文件方式的CSS中都有“<!--”和“-->”,好象没什么用,不要可以吗?
这一对东东的作用是为了不引起低版本浏览器的错误。如果某个执行此页面的浏览器不支持CSS,它将忽略其中的内
容。虽然现在使用不支持CSS浏览器的人已很少了,由于互联网上几乎什么可能都会发生,所以还是留着为妙。

7、如何给一部分文字加背景色?
给文字加上不同颜色,在DW3中只要在属性面板上选取文字的颜色就行了,非常方便,但要给部分文字加不同的背景色
却没有相应的功能,我们可以先做一个定义背景色的CSS(如:bgstyle),在DW3中点几下鼠就完成了。如一个定义淡黄色
背景的CSS是这样的:
<style type="text/css">
<!--
.bgstyle { background: #FFFFCC}
-->
</style>
在要用时选取那段文字,再在CSS面板上点一下“bgstyle”就行了。

8、如何给部分文字加背景图像?
与加背景色操作类似,中是在背景在选择加载图象就是了,一个定义好的加背景图象的CSS例子的代码是这样的:
<style type="text/css">
<!--
.imgbgstyle { background-image: url(/logo.gif)}
-->
</style>
在要用时选取那段文字,再在CSS面板上点一下“imgbgstyle”就行了。

9、如何使页面的背景在文字“滚动”时背景图案静止不动?
要使背景图案不随文字“滚动”的CSS是这样的:
<style type="text/css">
<!--
BODY { background: purple url(/bg.jpg);
background-repeat:repeat-y;
background-attachment:fixed
}
-->
</style>

10、如何定义字间距?
在DW3中CSS的属性定义对话框(style Definition for .style1)的“Block”上的“letter spaceing”属性定义的就
是字间距,它指的是每一个字符之间的额外间距,经长度为单位,正负值均可,当取负值时产生字符挤在一起的效果。下
面代码是一个定义好的字间距CSS例子:
<style type="text/css">
<!--
.style1 { letter-spacing: 3px}
-->
</style>

11、如何给文字加上划线、下划线、删除线和闪烁?
在DW3中CSS的属性定义对话框(style Definition for .style1)的“Type”上的“decoration”属性定义的就是这些
内容,要注意的是闪烁属性有些版本的浏览器不支持,少用为好。下面是一个定义好上述效果的CSS例子:
<style type="text/css">
<!--
.style1 { text-decoration: underline overline line-through blink}
-->
</style>
其中: “underline”是定义下划线;“overline ”是定义上划线;“ line-through”定义的是删除线;“blink”
定义的是文字闪烁。

12、如何使网页具有“首行缩进”功能?
由于DW3输入空格不方便,利用“首行缩进”将弥补这个不足。在DW3中CSS的属性定义对话框(style Definition
for .style1)的“Block”上的“text-indent”属性定义的就是“首行缩进”,所谓“首行”是指每段内容的第一行,也
就是直接按回车键就形成了一个新的段落。缩进最好以“em”(字符)为单位,比如:汉字编排要求每段开始缩进两个汉
字,设置好的CSS如下所示:
<style type="text/css">
<!--
.style1 { text-indent: 2em}
-->
</style>
在DW3要注意:在DW3中CSS的属性定义对话框(style Definition for .style1)的“Block”上的“text-indent”右
面的缩进单位选择框中“ems”指的就是“em”。

13、在用表格进行排版时,能使某一方向上的内容离开表格线一点吗?
可以!在DW3中CSS的属性定义对话框(style Definition for .style1)的“Box”上的“margin”定义的就是内容离
开边缘的距离,分别可定义四个方向:“top”“bottom”“left”“right”。下面就是定义在左边离开“10px”的CSS例
子代码:
<style type="text/css">
<!--
.style1 { margin: 0px 0px 0px 10px}
-->
</style>

14、能给某部分内容加边框吗?
用CSS可以给某部分内容加边框,在DW3中CSS的属性定义对话框(style Definition for .style1)的“Border”定义
的就是边框线,“top”“bottom”“left”“right”四边可分别定义线的粗细和颜色,这些定义好后不要忘记在下面的
“style”中定义线型,否则将看不边框线,因为默认的线型是“none”。下面是一个定义了上边框为:蓝色细线;左边框
为:绿色中粗线的CSS例子:
<style type="text/css">
<!--
.style1 { border: solid; border-width: thin 0px 0px medium; border-color: #0000FF black black #00FF00}
-->

CSS按其位置可以分成三种:

内嵌样式(Inline Style)
内部样式表(Internal Style Sheet)
外部样式表(External Style Sheet)

内嵌样式(Inline Style)
Inline Style是写在Tag里面的。内嵌样式只对所在的Tag有效。

<P style="font-size:20pt; color:red">这个Style定义<p></p>里面的文字是20pt字体,字体颜色是红色。</p>

内部样式表(Internal Style Sheet)
内部样式表是写在HTML的<head></head>里面的。内部样式表只对所在的网页有效。

<HTML>
<HEAD>
<STYLE type="text/css">
H1.mylayout {border-width:1; border:solid; text-align:center; color:red}
</STYLE>
</HEAD>
<BODY>
<H1 class="mylayout"> 这个标题使用了Style。</H1>
<H1>这个标题没有使用Style。</H1>
</BODY>
</HTML>
内部样式表(Internal Sytle Sheet)要用到Style这个Tag,写法如下:

<STYLE type="text/css">
......
</STYLE>

外部样式表(External Style Sheet)
如果很多网页需要用到同样的样式(Styles),用什么方法呢?

将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。

比如可以用文本编辑器(NotePad)建立一个叫home的文件,文件后缀不要用.txt,改成.css。文件内容如下:

H1.mylayout {border-width: 1; border: solid; text-align: center;color:red}
然后你建立一个网页,代码如下:

<HTML>
<HEAD>
<link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<H1 class="mylayout"> 这个标题使用了Style。</H1>
<H1>这个标题没有使用Style。</H1>
</BODY>
</HTML>

使用外部(Extenal)样式表,相对于内嵌(Inline)和内部式(Internal)的,有以下优点:

样式代码可以复用。一个外部CSS文件,可以被很多网页共用。
便于修改。如果要修改样式,只需要修改CSS文件,而不需要修改每个网页。
提高网页显示的速度。如果样式写在网页里,会降低网页显示的速度,如果网页引用一个CSS文件,这个CSS文件多半已经在缓存区(其它网页早已经引用过它),网页显示的速度就比较快。
参考资料:http://www.blabla.cn/css_tutorials/001_CSS_Overview.html

那是要学过CSS语言的人才会的

http://www.baidu.com/search/hi/hi_css.html

  • 鎬庝箞淇敼鐧惧害绌洪棿鐨妯$増鍛?
    绛旓細濡備綍淇敼CSS鏂囦欢锛氱櫥褰曞悗杩涘叆璁剧疆锛嶆ā鏉胯缃紞鑷畾涔夋ā鏉匡紝杩欐椂灏变細璺冲嚭涓涓獥鍙o紝鍑虹幇鍙紪杈鐨凜SS浠g爜鏂囦欢銆備絾鏄紝杩欏苟涓嶆槸浣犺嚜宸卞綋鍓嶄娇鐢ㄧ殑妯℃澘鐨勪唬鐮侊紝鑰屾槸涓涓鐧惧害榛樿妯℃澘鐨勪唬鐮侊紝杩欎釜鏄棤娉曢夋嫨鐨勶紝鐧惧害鐩墠鍙兘鎻愪緵杩欎竴绉嶆ā鏉夸緵缂栬緫銆傚鏋滀綘鎯冲湪鏌愪釜姣旇緝鍠滄鐨勬ā鏉跨殑鍩虹涓婅繘琛岀紪杈戯紝灏遍渶瑕佸厛鎶婅繖涓...
  • 鏈夊叧鐧惧害绌洪棿閲鐨凜SS鎬庝箞寮
    绛旓細浠g爜鏀惧湪css鐨勪换鎰忕┖鐧藉閮借锛屼唬鐮佷腑鐨剋idth鏄皟鏁村搴︾殑锛宧eight鏄皟鏁撮珮搴︾殑锛岃嚜宸辨牴鎹渶瑕佽皟 3銆俧ilter:glow (color=#ff0000,strength=3)鎶婁笂闈㈢殑浠g爜鍔犲埌闇瑕佸仛闂瓧鐨勫湴鏂癸紝棰滆壊鍜岄棯鍏夌殑蹇參鑷繁璁剧疆銆備緥濡傦細闇瑕佹爣棰樻湁闂厜 header div.tit{FILTER: glow(color=#E8FFE8,strength=4);锛嶏紞锛峿 4銆
  • 鐧惧害绌洪棿閭d釜CSS鍦ㄥ摢閲岀紪杈
    绛旓細鍏堢櫥闄嗭紝鐒跺悗鎵撳紑浣犵殑绌洪棿锛屽湪鏈涓婇潰鏈変竴鎺掓枃瀛楁寜閽細鈥滄垜鐨勬秷鎭濃滄垜鐨勭┖闂粹濃鐧惧害绌洪棿鈥濃︹﹀湪鈥滄垜鐨勭┖闂粹濋偅閲岀偣涓嬩綘浼氱湅鍒板脊鍑烘潵濂藉鏂囧瓧锛氣滀富椤碘濃滄嫧瀹⑩濃滅浉鍐屸濓紝鍦ㄩ噷闈㈡壘鍒扳滅┖闂磋鎵濈劧鍚庣偣涓嬪氨浼氭墦寮涓涓柊绐楀彛锛岃繖鏃跺欎綘鍦ㄤ笂闈㈠氨鑳界湅鍒扳滃紑濮嬭鎵濃滄懜鐗堚濃滄懜鍧椻濃滅増寮忊濃︹︼紝...
  • 50鍒嗛棶鐧惧害绌洪棿妯″潡鍒朵綔鏂规硶?
    绛旓細鐧惧害绌洪棿CSS妯℃澘鍒朵綔鍏ㄨ繃绋1.濡備綍鏇存崲绌洪棿鑳屾櫙? 鎵撳紑楂樼骇璁剧疆,鍐嶈嚜瀹氫箟CSS,鐪嬪埌閲岄潰鐨勭3琛屽拰绗4琛岄兘鏄 header div.lc{background:url(header div.lc{background:url (https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp13/hdl.gif) no-repeat} 绗笁琛岀殑鏄爣棰樻爮宸﹁竟鐨勫浘鐗,绗4琛屾槸鏍囬鏍忕殑鍙宠竟,...
  • 鐧惧害绌洪棿css璁剧疆鍦ㄥ摢?
    绛旓細璁剧疆---妯℃澘璁剧疆---鍒涘缓鏂版ā鏉 閲岄潰鐨勫叏鏄粯璁ゆ病鏈変换浣曚慨楗扮殑鍒濆浠g爜.鍙互鑷繁鍘讳慨鏀.涔熷彲浠ユ妸鍒汉鐨凜SS鍏ㄩ儴澶嶅埗鍒伴噷闈.鐐逛繚瀛樺苟搴旂敤灏卞彲浠ョ敤浜.杩樿璧峰悕瀛 .鍙偣淇濆瓨鍙細淇濆瓨浠g爜浣犺嚜宸变笉浼氱敤杩欎釜妯℃澘.濡傛灉涓嶆斁蹇冪偣棰勮鍙互鐪嬩竴涓.
  • 璇烽珮鎵嬪府鎴璁剧疆鐧惧害绌洪棿鐨凜SS
    绛旓細妤间笂閭f牱鏄敊鐨璁剧疆銆嬭嚜瀹氫箟妯℃澘銆嬪垱寤轰俊妯℃澘寮瑰嚭CSS浠g爜鍦ㄦ渶涓婇潰鍙互鎵惧埌background-image:url();"()"`閲岄潰灏辨槸鍥剧墖鐨勭綉缁滆繛鎺ュ湴鍧[寤鸿瀹藉害1020]
  • 鎬庝箞鐢CSS浠g爜鍒朵綔鐧惧害绌洪棿妯℃澘?
    绛旓細鍏虫敞 灞曞紑鍏ㄩ儴 鍙傝冭繖涓 鍙傝冭祫鏂: http://zhishi.baidu.com/zhishi/129774.html 鏈洖绛旇鎻愰棶鑰呴噰绾 宸茶禐杩 宸茶俯杩< 浣犲杩欎釜鍥炵瓟鐨勮瘎浠锋槸? 璇勮 鏀惰捣 1鏉℃姌鍙犲洖绛 鍏朵粬绫讳技闂 2008-07-08 鎬庢牱鑷繁鍒朵綔鐧惧害绌洪棿妯℃澘? 76 2011-12-02 鐧惧害绌洪棿鍒朵綔妯℃澘,瑕佺敤css,鍙槸璁剧疆鍦ㄥ摢鍟?
  • 鎬庢牱鏇存敼鐧惧害绌洪棿绯荤粺妯℃澘鐨凜SS
    绛旓細鎴戞兂鎶婄櫨搴︾郴缁熶腑甯︾殑<钃濆ぉ鐧戒簯>閭d釜妯℃澘鐨凜SS淇敼涓涓,鑳藉悧?鑳界殑璇,鎬庢牱淇敼?璋㈣阿鍚勮矾楂樻墜鐨勬叿鎱ㄧ浉鍔.鐧惧害绌洪棿鐖卞ソ鑰呯湡鎯呮眰鍔!... 鎴戞兂鎶婄櫨搴︾郴缁熶腑甯︾殑<钃濆ぉ鐧戒簯>閭d釜妯℃澘鐨凜SS淇敼涓涓,鑳藉悧?鑳界殑璇,鎬庢牱淇敼?璋㈣阿鍚勮矾楂樻墜鐨勬叿鎱ㄧ浉鍔.鐧惧害绌洪棿鐖卞ソ鑰呯湡鎯呮眰鍔! 灞曞紑 ...
  • 鐧惧害绌洪棿閲屼富椤电殑婊氬姩鏉¤鎬庝箞CSS?
    绛旓細姣忎釜灞傛爣绛句腑鍔犲{SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-ARROW-COLOR:#000000; SCROLLBAR-DARKSHADOW-COLOR:#000000;}鍦╞ody div涓兘鏈夋晥 浣嗚繖浜涗唬鐮佸彧鍦╥e涓叾鏁 鍏朵粬娴忚娌℃湁鍙璁剧疆鏉$殑浠g爜瑙佸浘 ...
  • 鎬庢牱璁剧疆baidu绌洪棿css鏍峰紡鏉ユ敼鍙樼┖闂村瓧浣撻鑹
    绛旓細http://www.baidu.com/search/hi/hi_css.html杩欎釜鏄畼鏂圭殑銆 涔熷彲浠ョ湅杩欎笅闈㈢殑浠嬬粛: /*绌洪棿鑳屾櫙璁剧疆(鏁翠釜椤甸潰)*/ body{background-attachment: fixed/*璁剧疆鑳屾櫙涓嶉殢椤甸潰婊氬姩*/; background-image:url( )/*鑳屾櫙鍥剧墖鍦板潃(澶у浘,涓鑸负1024x768鍒嗚鲸鐜囩殑澶у浘)*/; background-repeat: no-repeat/*鑳屾櫙涓嶉噸澶,鍗...
  • 扩展阅读:htmlcss网页设计成品 ... 手机百度空间登录入口 ... html+css网页制作成品 ... 百度浏览器直接进入网址 ... 百度文库官网登录入口 ... 百度空间个人相册 ... 网页设计css模板 ... 百度网盘私密空间入口 ... 隐私空间入口找不到了 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网