Ⅰ 百度空间CSS详细教程
我直接给你贴出来吧,毕竟点入了别人的地址不一定能找到你想要的,好就是好,不好就是不好,请看本人写的教程 首先声明本人不是CSS高手，所以有些错误是难免的，本攻略以本人现在使用的CSS代码讲解，全方面的涉及到背景图片，播放器，模块透明，设定页面宽度等问题．大家需要明白的，要装扮好自己的空间除了需要熟知网络空间的CSS外，还要有一定的美工基础，毕竟图片是漂亮的关键．还有，对于新手来讲，最好先看一下网络官方的CSS帮助，不知道地址的请点此进入，这样可以让你了解CSS代码所对应的模块．我对自己的代码作了详细注释，很多下问题可以在我的注释里找到，如不懂的请留言给我． 一：背景图片 一般人设计空间一般是把网络空间分成上下两部分，上指的是空间名称，空间简介那部分，下指的是导航栏以下部分，就是文章内容以及其他小模块．对于新手来讲，这是最好的拆分方法．空间名称这一部分一般是装扮空间的前提，如果有精美的图片，只要改下这里的背景就可以让空间焕然一新．修改这里的背景很简单，打开CSS编辑页面，找到#header，在后面插入BACKGROUND: url(图片地址) no-repeat 0px 0px 在这里讲解下背景图片的几个属性：repeat是指定图片是否平铺和以何种方式平铺.有四个属性： repeat : 默认值。背景图像在纵向和横向上平铺 no-repeat : 背景图像不平铺 repeat-x : 背景图像仅在横向上平铺 repeat-y : 背景图像仅在纵向上平铺 后面的两个PX是指定图片左边距和上边距，这是比较重要的，可以调整图片到你喜欢的位置．这里注意下，在空间名称这部分添加背景图片的时候请同时调整这里的高度和TAB里的距顶部距离．高度代码：height,把高度调整为你图片的高度． 示例：现在我要在空间名称部分放一张高度为160的图片，我们就需要修改两个地方： 1：#header{ HEIGHT: 160px BACKGROUND: url(图片地址) no-repeat 8px 0px;｝ 2：#tab{top:160px;left:0px;} 对于上部分的背景图片就讲到这里．下部分和上部分的方法一样，不过插入代码的地方是.stage 找代码可以按CTRL+F搜索． 我们还可以设定下总体背景，把背景图片代码插在BODY里就可以了．还有很重要的一点，网络的模块都是有背景色的，这样的话，我们就算放入背景图片，基本上也被遮住了，这就需要用到背景透明代码：background:transparent;在你想设置透明的模块里放入此代码就可以了． 具体代码对应模块请参考网络官方CSS帮助，上面已经有连接了． 二：播放器设置 不多说废话，提供代码一个： #phx{FILTER:Alpha(Opacity=66,FinishOpacity=26,Style=2,StartX=20,StartY=40,FinishX=0,FinishY=0)gray();WIDTH: 209px;HEIGHT:45px;margin-top:12px} 这个代码可以任意插在CSS任何位置，只要知道width和height是分别改变播放器宽度和高度的就可以任意改变播放器大小了． 三：指定页面宽度 有些人觉得网络空间的页面看起来太宽，想设计的小一点，这其实不难．甚至简单的只需要知道一个宽度代码：width 当然，为了更方便的设置，我们最好再加入一些自己的代码． #layout td.c2t3{padding-right:0px;padding-top:0px;width:250} #layout td.c2t1{padding-left:170px;padding- top:0px;width:600px;border-right:#930000 0px solid;} #layout td.c2t2{width:60px} 可以把这段代码放在.stage后面C2T3是指定页面右边属性，c2t1指定左边属性，c2t2是左和右的间距．（注意：此代码只针对把空间分成两列的） padding：检索或设置对象四边的内补丁，有上下左右 padding-right：在这里不讲专业术语了，为了大家便于了解，可以当作是指定对象距离右边的位置 padding-top：（同上，指定顶部） padding-left：（同上，指定左边） PADDING-BOTTOM：（同上，指底部） 如果你有很好的美工基础，也可以在这里插入相应的背景图片美化空间． 下面我以我的CSS代码作注释．如要使用，请去掉注释内容． 注意：不小心有些文字搞成黑色了，居然修改不回来，如果看不清楚，请用鼠标选取后再看 /* 浪儿制作 http://hi..com/jsqk/ ◎浪儿出手，必是精品◎ All Rights reserved. css by jsqk. */ /* green style VER 3.1 */ #phx{FILTER:Alpha(Opacity=66,FinishOpacity=26,Style=2,StartX=20,StartY=40,FinishX=0,FinishY=0)gray();WIDTH: 209px;HEIGHT:45px;margin-top:12px} （播放器代码） .f14 {color:#668214} BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;color:#668214;background:url(
) -2px -1px} .modbl{line-height:1px} .modbc{line-height:1px} .modbr{line-height:1px} （本段代码请参考网络空间官方CSS帮助） #mod_bloglist{padding-top:0px} #m_blog {padding-top:0px} （指定文章内容距离#header部分的距离．） （下面的代码请大家参考网络官方CSS帮助） #m_blog div.cnt a {text-decoration:none;color:#344500} #m_blog div.cnt a:visited {text-decoration:none;color:#344500} #m_blog div.cnt a:hover {border-bottom:1px #344500 dashed;color:#344500} #m_blog {padding-left:15px;padding-right:15px;margin-top:20px} #m_blog div.tit{padding-top:0px;padding-bottom:0px;color:#4E7304;font-size:13px;font-weight:bold;text-decoration:none;border-bottom:1px solid #4E7304;border-top:0px solid #ffffff;TEXT-INDENT: 119px;line-height:17px} #m_blog div.tit a{color:#4E7304;font-size:13px;font-weight:bold;text-decoration:none} #m_blog div.tit a:visited{color:#4E7304;text-decoration:none} #m_blog div.date{font-size:13px;margin:-20px 0 8px 0;color:#4E7304;TEXT-INDENT: 7px;font-weight:bold} #m_blog div.cnt{color:##005533;line-height:20px;font-size:15px;font-weight:700;PADDING-RIGHT: 10px; PADDING-LEFT: 10px;PADDING-TOP: 10px;PADDING-bottom: 10px;} #m_blog div.more{margin:14px 0 16px 0;text-decoration:none;font-weight:bold} #m_blog div.more a{color:#ffffff;font-size:14px;text-decoration:none;font-weight:bold} #m_blog div.more a:visited{color:#ffffff;text-decoration:none;font-weight:bold} #m_blog div.opt{color:#689411;font-size:12px} #m_blog div.opt a{color:#689411;font-size:12px;text-decoration:none} #m_blog div.opt a:visited{color:#689411;text-decoration:none} #m_blog div.line{margin-top:17px;line-height:17px} #m_blog div.none{padding:100px 0 100px 0;color:#1a4a8a;font-size:14px} #m_pro {text-align:left;padding-left:18px;padding-right:10px;} #m_pro a{color:#995C00;font-weight:bold;text-decoration:none;text-align:center} #m_pro a:visited{color:#995C00;font-weight:bold;text-decoration:none} #m_pro div.image{text-align:center;;border-bottom:#ffffff 1px solid;padding-top:5px;padding-bottom:5px} #m_pro div.act{margin-top:10px} #m_pro div.user{color:#995C00;font-size:12px;font-weight:bold} #m_pro div.desc{color:#995C00;font-size:12px} #m_pro div.line{margin-top:17px;line-height:17px;border-top:1px solid #1A4A8A} #m_pro td{color:#995C00;line-height:24px;font-size:14px} #m_album div.image{text-align:center;padding-top:30px} #m_album div.page{color:#995C00;font-size:12px;text-align:center} #m_album div.page a{color:#995C00;font-size:12px} #m_album div.page a:visited{color:#330000} #m_links {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift} #m_links div.item{color:# 6E981A;font-size:12px; LINE-HEIGHT: 21px} #m_links div.item a{color:#995C00;font-size:12px;text-decoration:none} #m_links div.item a:visited{color:#995C00} #m_links div.linediv.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4} #m_artclg {border-top:0px solid #5C85BB;padding-top:5px} #m_artclg {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift} #m_artclg div.item{color:#995C00;font-size:12px;text-align:left;padding-left:0px} #m_artclg div.item a{color:#995C00;font-size:12px;text-decoration:none} #m_artclg div.item a:visited{color:#995C00;text-decoration:none} #m_artclg div.linediv.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4} #m_comment {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift} #m_comment div.item{color:#D2E9F4;font-size:12px;} #m_comment div.item a{color:#995C00;font-size:12px;} #m_comment div.item a:visited{color:#995c00;text-decoration:none;} #m_comment div.item a.cnt{color:#995C00;font-size:12px;} #m_comment div.item a.cnt:visited{color:#995c00;text-decoration:none;font-weight:normal;text-align:center} #m_comment div.item a.cnt:hover{color:#D2E9F4;text-decoration:underline;text-align:left} #m_comment div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4} #m_albumlist div.note{color:#995C00;font-size:14px} #m_albumlist div.desc{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px} #m_albumlist div.none{padding:100px 0 100px 0;color:#995C00;font-size:14px} #m_albumlist div.line{margin-top:10px;line-height:16px;border-top:1px solid #ffffff} #m_albumlist div.tit{margin:6px 0 7px 0;color:#995C00;font-size:14px} #m_albumlist div.tit a{color:#995C00;font-size:14px} #m_albumlist div.tit a:visited{color:#995C00} #m_albumlist span.count{color:#995C00;font-size:12px;font-weight:bold} #m_albumlist span.size{color:#999999;font-size:12px;font-family:Arial} #m_albumlist a.act{color:#995C00;font-size:12px} #m_albumlist a.act:visited{color:#995C00} #m_albumlist a.page{color:#330000;font-size:14px} #m_albumlist a.page:visited{color:#330000} #m_albumlist td.image{padding:5px;border:1px solid #999999;background:#995C00} #m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px} #m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px} #m_friend div.user{margin-top:4px;color:#995C00;font-size:12px} #m_friend div.user a{color:#995C00;font-size:12px} #m_friend div.user a:visited{color:#995C00} #m_friend div.line{margin-top:10px;line-height:16px;border-top:1px solid #995C00} #m_mylink1 {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift} #m_mylink1 div.item{color:#995C00;font-size:12px} #m_mylink1 div.item a{color:#995C00;font-size:12px;text-decoration:none} #m_mylink1 div.item a:visited{color:#995C00} #m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4} #m_mylink2 {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift} #m_mylink2 div.item{color:#995C00;font-size:12px} #m_mylink2 div.item a{color:#995C00;font-size:12px;text-decoration:none} #m_mylink2 div.item a:visited{color:#995C00} #m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4} #m_mylink3 {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift} #m_mylink3 div.item{color:#995C00;font-size:12px} #m_mylink3 div.item a{color:#995C00;font-size:12px;text-decoration:none} #m_mylink3 div.item a:visited{color:#995C00} #m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4} #m_mylink4 {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift} #m_mylink4 div.item{color:#995C00;font-size:12px} #m_mylink4 div.item a{color:#995C00;font-size:12px;text-decoration:none} #m_mylink4 div.item a:visited{color:#995C00} #m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4} #m_filed {padding-left:18px;padding-right:18px;text-align:left;border-top:0px solid #995C00;text-align:lift} #m_filed div.item{color:#995C00;font-size:12px} #m_filed div.item a{color:#995C00;font-size:12px} #m_filed div.item a:visited{color:#995C00} #m_filed div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4} #m_setting a{color:#995C00} #m_setting a:visited{color:#995C00} #m_setting{line-height:22px;color:#995C00;font-size:14px} #m_setting img.sel{border:4px solid #FFDB7B} #m_setting img.unsel{border:1px solid #D2D2D2} #m_setting span.tit{font-size:14px} #m_setting span.usr{color:#995C00} #m_setting div.sel{padding-top:6px;font-size:14px;font-weight:bold} #m_setting div.line{margin-top:20px;line-height:16px;border-top:1px solid #ffffff} #m_sysinfo a{color:#995C00} #m_sysinfo a:visited{color:#995C00} #m_sysinfo{line-height:22px;color:#995C00;font-size:14px} #m_sysinfo span.new{color:#FF0000;font-size:10px;font-family:Arial} #m_sysinfo span.date{color:#995C00;font-size:14px} #m_setbase{color:#995C00;font-size:14px} #m_setbase td{color:#995C00;font-size:14px} #m_setbase div.line{margin-top:5px;line-height:8px;border-top:1px solid #ffffff} {all rights reserved,http://hi..com/jsqk} #in_comment div.tit{margin-bottom:12px;color:#995C00;font-size:14px;font-weight:bold} #in_comment div.user{margin-bottom:6px;color:#995C00;font-size:12px} #in_comment div.user a{color:#995C00;font-size:12px} #in_comment div.user a:visited{color:#995C00} #in_comment div.user span.date{color:#995C00;font-size:12px} #in_comment div.desc{color:#995C00;font-size:12px} #in_comment div.line{margin-top:17px;line-height:17px;border-top:1px solid #995C00} #in_send div.tit{margin:10px 0 10px 0;color:#995C00;font-size:14px;font-weight:bold} /* 请不要随意修改版权，尊重别人的劳动成果.如有需要，请和浪儿本人联系 */
Ⅱ css+div标签，使用css控制网页类教程
一开始的话建议下载个html+css参考手册，再弄个dreamweaver，之后下载几个网页模板，在dreamweaver里打开模板，看人家里面html和css怎么写的，之后查看参考手册，简单的浏览一下用法，之后自己照着模板练习一下，用的熟了就算入门了。接着给你推荐一本css的书，叫《禅意花园》世界各地的大师们写的，对你的css布局能力有很大提高，看懂了那你就可以出师了。
Ⅲ 如何在百度博客css弹出网页
不可以！ 修改CSS只能修改html的显示样式，要弹出窗口就要修改html文件，用户没有修改html文件的权限
Ⅳ 如何用css做网页
先用xhtml把网页框架给写出来，把结构的元素写出来，然后再用CSS（表现）来控制结构：）
Ⅳ 改版后的百度空间CSS怎么用
我给你提供一套 给你一套好看的CSS代码 (直接复制到CSS就可） 这个CSS代码 我感觉很好看 不信你试试 记得给我加分 BODY {BACKGROUND-POSITION: center 50%; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(http://mumayi1.999kb.com/pic/2006-10-05/6z5tigmubrg5yys9khjc.gif); } A:hover{LEFT: 1px; POSITION: relative; TOP: 1px; TEXT-DECORATION: underline} td,div{color:#F9E3F5} BODY{CURSOR: url('http://imgcache.qq.com/qzone/space_item/orig/13/3341.ani') } A {CURSOR: url('http://imgcache.qq.com/qzone/space_item/orig/0/3344.ani') ;background-repeat: no-repeat;background-position: center;background-attachment: fixed;;CURSOR:url('http://imgcache.qq.com/qzone/space_item/orig/13/3341.ani')}a:hover{CURSOR:url('http://imgcache.qq.com/qzone/space_item/orig/0/3344.ani')}a:hover {position:relative; left:1px; top:1px; clip:rect()} body{background-color:#FB7CC8}}body{CURSOR: url('http://imgcache.qq.com/qzone/space_item/orig/13/3341.ani');}body{a:hover{position:relative; left:1px; top:1px; clip:rect()}} BODY {scrollbar-face-color: #000000; scrollbar-shadow-color: maroon; scrollbar-highlight-color:#F9E3F5; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color:#000000; scrollbar-arrow-color:#F9E3F5; scrollbar-base-color: #000000; scrollbar-track-color: #000000; filter: chroma(color=#F9E3F5);} #header{height:150px;background:url(http://album.sina.com.cn/pic/454db7da020006fn) repeat;} #header div.lc{background:url(
)
Ⅵ 完全教程：用外联式CSS做一个网页
外联是把css单独放在外部，方便各个页面引用。
<link href="xx.css" rel="stylesheet" type="text/css">
内联一般只是针对本页的css，所以就是直接在本页<head></head>之间。
他们的写法和功能没有任何区别，就是一个单独存成css文件，一个在本页面上写！
你要是想简单的学点，告诉我信箱，我给你发一个好点的基础教程！
Ⅶ 在网页制作中如何使用Css
CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件式样的计算机语言。
CSS目前最新版本为CSS3,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。
有三种方法可以在站点网页上使用样式表：
1.将网页链接到外部样式表。
2.在网页上创建嵌入的样式表。
3.应用内嵌样式到各个网页元素。
每一种方法均有其优缺点： （1）当要在站点上所有或部份的网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表 — 中作一次更改 — 而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名，例如 Mystyles.css。 （2）当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的 <HEAD> 标记符内。嵌入的样式表中的样式只能在同一网页上使用。 使用内嵌样式以应用级联样式表属性到网页元素上。 如果网页链接到外部样式表，为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。
要在网页上使用外部样式表的样式，可将该网页链接到样式表，方法是使用位于 “格式” 菜单上的 “样式表连接” 命令。可以链接一个或数个样式表到网页视图模式下的当前网页，或到在文件夹列表中的所选网页，或到站点上的全部网页。 该“样式” 框列出标准 HTML 标记符，例如标题 1，还有嵌入的样式表或链接到网页的外部样式表中所含的类或 ID 选择器。要应用样式到网页元素，请选定该样式然后单击 “样式” 框中的样式或选择器。 在 Microsoft FrontPage 2000 中，某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令（在 “格式” 菜单上）在普通段落周围应用框，FrontPage 会写下格式设置信息，作为段落标记符的内嵌样式属性（例如∶ <p style="border-style: solid">）。然而某些属性的应用需要使用 CSS，其他则需要使用 HTML 。如果人们只想使用 CSS 应用内嵌样式，可使用 “样式” 按钮（位于网页元素的 “属性” 对话框里）应用类或 ID 选择器或嵌入式样式。
Ⅷ 为什么我访问百度的所有网站都无法加载CSS
因为中国很多网站制作都不符合w3c标准，所以你用ie8看的话就会变形，凡是变形的都是不规范的，你要想看，你自己切换到ie7兼容模式
Ⅸ HTML网页怎么使用CSS样式
在制作一个网页的时候，Css样式的添加一共有四种方式，一起来看看这四种方式：
一、使用STYLE属性： 将STYLE属性直接加在个别的元件标签里。
<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}
例如：
<TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>
这种用法的优点 是可灵巧应用样式于各标签中，但是缺点则是没有整篇文件的‘统一性’。
二、使用STYLE标签： 将样式规则写在<STYLE>...</STYLE>标签之中。
通常是将整个的 <STYLE>...</STYLE>结构写在网页的<HEAD> </HEAD>部份之中。这种用法的优点就是在于整篇文件的统一性，只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。
三、使用 LINK标签： 将样式规则写在.css的样式档案中，再以<LINK>标签引入。
假设我们把样式规则存成一个example.css的档案，我们只要在网页中加入
<LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">
即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的<head></head>部份之中。这种用法的优点就是在于可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。
四、使用@import引入： 跟LINK用法很像，但必放在<STYLE>...</STYLE> 中。
要注意的是，行末的分号是绝对不可少的！这种方式也可以把