Tip:
Highlight text to annotate it
X
>> 演讲嘉宾:所以,它实际上不是最好的 设计交融的CSS和HTML。
相反,它是最好分解出您的 CSS的,把它放在中部,
不知它适用于 标签在你的网页。
要做到这一点,我们就可以真正停止 使用样式属性,而不是
使用Style标记,属于在 头一个网页的旁边,为
例如,你的标题。
>> 让我们给这一个尝试,重新实现 约翰·哈佛的主页
使用样式标记。
我已经得到我们开始 这里有三个div的供
约翰·哈佛的网页。
但是,让我们现在先上去这首 格,并添加一个新的属性,
即ID,并指定一个唯一的 识别这个特定的div
应,例如,报价引文 “顶部”,一个任意的名称,但
描述在这个分区是 确实在我的网页的顶部。
>> 在接下来的div,让我们给它一个 报价引文结束的不同的ID
“中间”,让我们给第三格 的报价引文结束一个ID“垫底”。我们
现在有三个唯一标识符 这是我们可以应用一些CSS
性能,但首先,让我们回归 这个页面的头部。
以上只是这里的称号,我会 继续前进,定义样式
然后关闭风格。
>> 在这里面,现在,我要去定义 一些CSS属性,即
同那些我以前曾在风格 属性,但在这里,他们将
集中定义。
要做到这一点,我要去指定英镑 符号其次是顶部,从而
指定下面的CSS 性质应适用于任何
HTML元素具有独特的 标识符顶部。
我那么将会有一些开放, 封闭的大括号,和我要去
指定,也就是说,字体大小应为36 像素,字体粗细应为粗体。
>> 为了保持干净的东西,我把每个 现在自己的这些属性
线,但是这只是一个 文体惯例。
低于这个,现在让我们再定义 选择器,可以这么说。
这其中对于具有HTML标记 中间的唯一标识符。
而在这里,让我们来指定字体大小 中的24个像素,低于该另一
选择器底部和内 那,让我们来指定
的12像素的字体大小。
>> 现在,让我们保存,更改权限 上,并在浏览器中加载该页面,
存取权限chmod a加r CSS-1.HTML。
让我们打开浏览器并访问 http://localhost/css-1.html。
不坏。
正是因为我打算,但我想 走一步算一步,现在和
中心的约翰·哈佛的文字。
我们可以这样做,我可以换的 在一个div整个页面,因为我
做一个早期的例子。
或者,我可以更聪明,并认识到 所有这些div都是内部
我的网页的身体,所以为什么不适用 一个或多个CSS属性到主体
标签本身?
>> 要做到这一点,让我们做到这一点。
让我们再回到这里的gedit。
让我们回到前面的风格标签, 并让我们指定一个选择器只是
使用该标签的名字,身体。
下面说,让我们把我们的大括号 其次是文本对齐中心。
现在让我们保存页面并重新加载 它是浏览器的内部。
刷新在Chrome中,瞧。
我们现在有约翰·哈佛的页面 中心作为我们预期。