网站建设指南第二期:HTML和CSS

Posted 极北之森

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网站建设指南第二期:HTML和CSS相关的知识,希望对你有一定的参考价值。

html - 超文本标记语言 (Hyper Text Markup Language)

HTML是建设网站/网页制作主要语言。

HTML是一种易于学习的标记语言。

HTML使用 <> 尖括号标签来定义网页的内容:

HTML 实例:


<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>


HTML使用开始标记和结束标记来标记一个网页元素

在上面的例子中,<p>标签标志着一个段落开始,</p>标志着该段末尾。

通过使用简单的HTML标签,网页设计师可以为一个网页(HTML文档)添加标题,段落,文字,表格,图片,列表,编程代码等。


CSS - 层叠样式表(Cascading Style Sheets)

CSS定义如何显示HTML元素。

CSS 描述了HTML元素的可视化样式(外观,布局,颜色,字体)。

CSS是单独设计的文件(从而大大提高HTML的灵活性和减少HTML的复杂性)。

CSS简单易学。你可以把一个HTML元素当作选择器,并在大括号内的列出样式属性

CSS 实例:


body{

    background-color:#d0e4fe;
}
h1{
    color:orange;
    text-align:center;
}
p{
    font-family:"Times New Roman";
    font-size:20px;
}


样式表极大地提高了工作效率

样式表定义如何显示 HTML 元素,诸如 HTML 3.2 的样式中的字体标签和颜色属性通常被保存在外部的 .css 文件中。

通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面布局的外观。

由于允许同时控制多重页面的样式和布局,CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者,你可以为每个 HTML 元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局变换,只需简单地改变样式,然后网站中的所有元素均会被自动地更新。


以上是关于网站建设指南第二期:HTML和CSS的主要内容,如果未能解决你的问题,请参考以下文章

网站建设指南

Xamarin 移动应用开发指南 - 如何在 iOS、Android 和 UWP 的 WebView 中加载本地网站 (HTML/CSS/JS ..) [重复]

第二期知识点

网站前端性能优化终极指南

网站前端性能优化终极指南

移动端网站的HTML5前端性能优化指南