萌萌妈妈 发表于 2015-1-16 00:16:00

来谈谈:CSS基本教程:CSS的使用

表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
有三种办法使用CSS

1、In-line行内

  行内款式是在html标签里间接利用style属性
<pstyle="color:red">text</p>
  设定段落笔墨白色。
  但要记着,最初的HTML应当是自力出来,利用体现文档,以是行内款式应当在任何中央制止。

2、Internal外部

  利用于全部页面的植进外部款式在head标签内里,style标签包抄款式。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>CSSExample</title>
<styletype="text/css">
p{

color:red;
}

a{
color:blue;
}
</style>
...
  一切段落笔墨白色,链接蓝色。
  像行内款式一样,你应当坚持HTML和CSS分别,以是我们只剩下救星。

3、内部

  内部款式利用在全部多样页面网站。它是一个自力的CSS文件,像上面一样:
p{
color:red;
}

a{
color:blue;
}
  假如下面保留为“web.css”,HTML内里的链接就像上面:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>CSSExample</title>
<linkrel="stylesheet"type="text/css"href="web.css"/>
...
  前面教程里会讲到其他外联款式的办法,如今已充足了。

  从这篇引导内里,我们今后沿着下面的办法实行代码是个好主张,用文本编纂器新建文件,保留为"web.css"在html目次。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Myfirstwebpage</title>
<linkrel="stylesheet"type="text/css"href="web.css"/>
</head>
...
  保留HTML文件,如今已链接上CSS,不外如今CSS是空的,没有内容不会改动HTML。当你入手下手进修CSS,就能够增加代码到CSS文件里,看HTML革新后的了局。
你用什么用的熟练就用什么,讲究的是效率,客户永远不管你用什么,页面就要好看,功能就要好用,还有时间和成本的问题。

不帅 发表于 2015-1-18 05:50:33

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.

海妖 发表于 2015-1-25 12:32:30

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

admin 发表于 2015-2-2 22:08:05

滚动条)层属性--溢出(visible/hidden/scroll/auto)

小妖女 发表于 2015-2-8 13:06:34

可以使用 CSS 检查工具进行设计。

兰色精灵 发表于 2015-2-25 17:48:38

使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

小女巫 发表于 2015-3-8 01:38:29

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

再现理想 发表于 2015-3-15 20:45:03

直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

若天明 发表于 2015-3-22 04:11:19

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
页: [1]
查看完整版本: 来谈谈:CSS基本教程:CSS的使用