站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
建站程序
开发
服务器
办公软件
开发教程
服务器教程
软件使用教程
运营教程
热门电子书
WordPress教程
宝塔面板教程
CSS教程
Shopify教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
CSS
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
==CSS样式规则== CSS的语法很简单,它使用一组英语词來表示不同的样式和特征。 一个样式表有一组规则组成,每个规则提议涂改"选择器"(sekector)和一个定义部分组成,每个定义部分包含一组有半形分号(;)分离的定义,这组定义放在一对大括弧({ })直接,每个定义有一个特性,一个半形冒号(:)和一个值组成 '''选择器(Selector)''':通常为文件中的元素(element),如[[HTML]]中的<code><BODY>,<P>,<strong></code>等标签,多个选择器可以半形逗号(,)隔开。 '''属性(property)''':CSS1、CSS2、CSS3规定了许多的熟悉,目的在控制选择器的样式。 '''值(Value)''':指属性接受的设定值,可由各种[[关键词]]组成,多个关键词大都已空格隔开。 '''要针对没有标签定义范围进行样式设定时,可利用code><div></code>与<code><span></code>标签''' 例子: <source lang="css"> P{ font-size: 110%;font-family: garamond, sans-serif;} H2{ color: red;background: white;} .highlight{color: red;background: yellow;font-weight: bold;} </source> 在这个例子里有三个选择器:<code>P</code>、<code>H2</code>和<code>.highlight</code>,<code>color: red</code>是一定义,其中<code>color</code>是属性,<code>red</code>是<code>color</code>的值。 在这里HTML种的结构 <code>P</code>(段落)和 <code>H2</code>(二级标题)获得了不同的样式,每个段落的字体的大小比包含这个段落的结构的姿态的大小要大10%,其中字形是<code>Garamond</code>,假如<code>Garamond</code>沒有的话,那么使用一般的<code>sans-serif</code>字形。2级标题的字用红色,底面是白色的,这个例子中的第三个规则规定了一个<code>class</code>的样式,通过<code>class</code>属性每个HTML结构都可以被指定为这个<code>class</code>,例如: <pre><nowiki><P class="highlight">这个段落将被显示为黄底红字粗体。</P></nowiki></pre> 显示为 <div style="clear:both; color:red; background: yellow; font-weight:bold;">这个段落将显示为黄底红字粗体。</div> CSS档内也可以包含注释,注释以<code>/*</code>开始,以<code>*/</code>结尾,例如: <code>/* 注释 */ </code>
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)