CSS简单介绍(第一节课)

引言:

CSS是什么?

CSS是层叠样式表的简称,它的作用是美化网页,让人们不至于在看到网页的第一眼就关掉它。

为什么要用CSS?

因为人们有了审美,就像过去人们用小灵通,后来有了iPhone。大家以前电脑给高端玩家操作的,后来人们收入增加,人们比较会享受,看不上这种长相丑陋的HTML,所以才有了从CSS。

旧的HTML组成的网页代码:

Try this example!

<font face="Tahoma,Verdana,Arial" color="Blue" size="3"><i><b>text</b></i></font> with
<font face="Tahoma,Verdana,Arial" color="Blue" size="3"><i><b>highlighted</b></i></font> elements in
<font face="Tahoma,Verdana,Arial" color="Blue" size="3"><i><b>it</b></i></font>.

如今CSS的使用方法:

<style type="text/css">
.highlight {
    color: Blue;
    font-style: italic;
    font-weight: bold;
    font-size: 120%;
    font-family: Tahoma, Verdana, Arial;
}
</style>

This is a piece of
<span class="highlight">text</span> with
<span class="highlight">highlighted</span> elements in
<span class="highlight">it</span>.

你发现,比原来多了一个style标签,没错,里面的东西就是CSS。如果你仅仅做个简单的网页,比如稍微的介绍一下自己,仅仅用这样的写法,就绰绰有余了。不过作为一个有追求,希望寻求挑战,的年轻人,还是得多学点东西。那就关注我接下的教程就好了。

总结

这章重点谈了 CSS是什么,我们为什么用它,下节课我们来写一个简单的CSS页面。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容