仓酷云

标题: 来谈谈:CSS基本教程:CSS的使用 [打印本页]

作者: 萌萌妈妈    时间: 2015-1-16 00:16
标题: 来谈谈: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
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
作者: 海妖    时间: 2015-1-25 12:32
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
作者: admin    时间: 2015-2-2 22:08
滚动条)层属性--溢出(visible/hidden/scroll/auto)
作者: 小妖女    时间: 2015-2-8 13:06
可以使用 CSS 检查工具进行设计。
作者: 兰色精灵    时间: 2015-2-25 17:48
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
作者: 小女巫    时间: 2015-3-8 01:38
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
作者: 再现理想    时间: 2015-3-15 20:45
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
作者: 若天明    时间: 2015-3-22 04:11
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。




欢迎光临 仓酷云 (http://www.ckuyun.com/) Powered by Discuz! X3.2