html是语义 css是表现 javascript是行为 如何理解?

html-css024

html是语义 css是表现 javascript是行为 如何理解?,第1张

简单点来说

html 是构建网页内容的基础,用html来写入网页内容

css 是表现形式,就是控制这些 网页内容的样子,比如某一个模块用什么颜色文字、什么颜色背景、文字左右对齐、左右浮动等等这些表象性的东西

javascript是行为,它既可以控制html的内容,比如修改网页上的文字变换啊,标签隐藏显示啊等等

也可以控制CSS的属性,给网页的样子带来变化,比如鼠标经过导航时颜色、背景的变化啊,网站换肤啊等等

换个比喻,html就像是人的身体;css就像是各种各样的衣服,能给人带来各种样子上的变化;javascript就像是人的活动,可以改变身体的构成,也可以改变各种衣服的样子,三者结合就给网页带来了无穷的变化,成就无限可能

当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:

外部样式表当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>

内部样式表当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style>标签定义内部样式表。

<head><style type="text/css">body {background-color: red}p {margin-left: 20px}</style></head>

内联样式当特殊的样式需要应用到个别元素时,就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

<p style="color: redmargin-left: 20px">This is a paragraph</p>

标签

描述

<style> 定义样式定义。

<link> 定义资源引用。

<div> 定义文档中的节或区域(块级)。

<span> 定义文档中的行内的小块或区域。

<font> 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。

<basefont> 定义基准字体。不赞成使用。请使用样式。

<center> 对文本进行水平居中。不赞成使用。请使用样式。