站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress:CSS Troubleshooting
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
==进入论坛之前,应该了解一些情况== 如果你是CSS和网页设计的新手,先访问[[WordPress:CSS|WordPress的CSS 的小贴士,方法和资源]],找到一些关于CSS基本知识的信息,同时上面可能有一些你的问题的答案。至少,你会大致地了解CSS是什么,CSS对HTML或者你的网页结构的影响,同时学习一些行话,帮助你在论坛上问一些更深入的问题。 你也要知道一些基本的方法,帮助你向他人表述你的问题。这并不是一个怎样使用CSS的指南,而是一个" thingamahjig 称作什么的"指南。 CSS (层叠式样式表)是一些代码,会影响你的网页HTML编码的呈现或者外观。在WordPress中,通常能够在你使用的一个特别的[[WordPress:Using Themes|主题]]文件夹的一个称为<tt>style.css</tt>文件中找到CSS样式。持有你的网页结构的HTML代码和CSS参考,通常可以在你的主题文件夹的<tt>index.php</tt>文件中找到。 PHP文件可以在你的主题文件夹中找到,包含有编码和参考,这些制作了你的HTML网页。在这里,这个最后一步,你可能更改特别的CSS选择器标签,而不是HTML标签。关于更改这些标签的更多的信息,请看看[[WordPress:Using Themes|使用主题]]。 '''CSS 选择器'' (名称)一般被分为三个特别的references: '''ID''', '''CLASS''',和 HTML标签。 === '''ID'''=== '''ID'''是网页上一个特别的独特的区域的references。一般这个ID会出现在HTML网页上,作为一个附加的DIV(分开)区: <pre><div id="header">网页标题</div></pre> :在样式表中(CSS) the '''ID''' 选择器被引用为<tt>#标头</tt> 而且可能看起来像: <pre>#header { position: relative; margin:0; padding:0; height:100px; width: 100%; background: red; color: white;}</pre> === '''CLASS'''=== '''CLASS'''是网页上任何元素的一个reference,当网页上某个原始需要以一种特别方式显示的时候,就要用到reference。例如,如果你想要频繁地突出文本中的一个或者两个词(在这个例子中,我们将红色作为突出的颜色),你可能在样式表中需要一个像这样的'''CLASS'''选择器: .hilite { 颜色: 红色} : 你的HTML 中的reference可能看起来像: <pre>...这个文本是关于我想要的某个东西<span class="hilite">in red</span>. And some more rambling here...</pre> ;如你所见到的那样,样式表中'''ID''' 和 '''CLASS'''选择器的区别在于'''ID'''使用一个井号(#名称),而'''CLASS'''使用点号(.名称)。'''ID''' references在网页上必须是独特的,而且只能使用一次。'''CLASS''' references可以在同一个网页上多次使用。 ===HTML标签=== 如果你想要"设计"一个特别的HTML标签reference,例如<tt>blockquote</tt>,网页内部的编码可能看起来像: <pre><blockquote>这是一个简练而又价值的引用,我想你会喜欢。</blockquote></pre> :在样式表中,<tt>blockquote</tt>的reference没有#或者点号,但是会列出HTML和设计元素。这个例子中,引用的两边都缩进了而且引用的左边有一个蓝行,同时引用文本也是斜体的。 <pre>blockquote { position: relative; margin: 10px 50px 10px 50px; padding:5px; font-style:italic; border-left:solid blue 4px; }</pre> :你可以在任何特别的HTML标签上应用任何设计元素,如<tt>body, p, H1, H2, H3, ul, li,</tt>以及更多的。 关于更改'''ID''', '''CLASS''', 和HTML的信息,请查看[[WordPress:CSS|WordPress的CSS 小贴士,方法和资源]]。 重要的注意事项!某些主题在多个地点有css样式表,Kubrick主题就是其中的一个。如果,在一个css文件中更改了css属性之后,你并没有看见你想要的结果,可能你的主题选择在一个php文件(通常是个标题文件)中有些嵌入的css,而且嵌入的css样式表覆盖了链接进的或者导入的css样式表。
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)