整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
为了让网页元素的样式更加丰富，也为了让网页的内容和样式能拆分开，CSS由此思想而诞生，CSS是 Cascading Style Sheets 的首字母缩写，意思是层叠样式表。有了CSS，html中大部分表现样式的标签就废弃不用了，html只负责文档的结构和内容，表现形式完全交给CSS，html文档变得更加简洁。
css基本语法
css的定义方法是：
选择器 { 属性:值; 属性:值; 属性:值;}
选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。代码示例：
/*
css注释 ctrl+shift+"/"
*/
div{
width:100px;
height:100px;
color:red
}
css页面引入方法：
1、外联式：通过link标签，链接到外部样式表到页面中。
<link rel="stylesheet" type="text/css" href="css/main.css">
2、嵌入式：通过style标签，在网页上创建嵌入的样式表。
<style type="text/css">
div{ width:100px; height:100px; color:red }
......
</style>
3、内联式：通过标签的style属性，在标签上直接写样式。
于网站的CSS引用我们可以有以下四种方式：
在标签的style属性后添加样式。
// 通过html属性style实现，写在body标签中
<div style="color:green; font-size:18px;">行内式</div>在style标签内添加，加上head标签内部。
// 在style标签中写入css样式，在body中引用
div{ color: red; font-weight: bold;}
<div>嵌入式</div>将css样式编写在扩展名为 .css 的文件中，再导入样式，导入在head标签内部。
// 随便命名一个style.css 文件，将样式写在其中
div{
color: blue;
}
// 然后在html文件中引入style.css文件
<link href="style.css" type="text/css" rel="stylesheet" />
<div>链接式</div>相当于原来的css文件中包含了被导入的css文件的样式，两者合并在一个文件中（不推荐使用）。
// 创建一个index.css 文件，在里面编写我们自身的样式
div{
color: orange;
font-size: 20px;
width: 200px;
height: 40px;
}
// 使用@import方式导入上面的index.css 文件
<style>
@import url(index.css)
</style>
<div></div>前三者样式的显示优先级：
遵循就近原则：行内样式 > 嵌入式样式 > 外部样式。
网页中编写JavaScript代码时，需要先引入JavaScript代码。JavaScript代码有3种引入方式，分别是行内式、嵌入式和外链式，下面分别进行讲解。
行内式是将JavaScript代码作为HTML标签的属性值使用。例如，在单击超链接“test”时，弹出一个警告框提示“Hello”，示例代码如下：
<a href="javascript：alert('Hello');">test</a>需要说明的是，行内式只有在临时测试或者特殊情况下使用，一般情况下不推荐使用行内式，因为行内式有如下缺点。
(1)行内式可读性较差，尤其是在HTML文件中编写大量JavaScript代码时，不方便阅读。
(2)行内式在遇到多层引号嵌套的情况时，引号非常容易混淆，导致代码出错。
嵌入式(或称内嵌式)使用<scrip>标签包裹JavaScript代码，直接编写到HTML文件中，通常将其放到<head>标签<body>或标签中。<scrip>标签的type属性用于告知浏览器脚本类型，HTML.5中该属性的默认值为“text/javascript”，因此在使用HTML5时可以省略ype属性。嵌入式的示例代码如下：
<script>
JavaScript代码
</script>外链式(或称外部式)是将JavaScript 代码写在一个单独的文件中，一般使用“js”作为文件的扩展名，在HTML页面中使用<script>标签的src属性引人“js”文件。外链式适合javascript代码量较多的情况。在html页面中引入“js”文件，示例代码如下：
<script src="test.js"></script>上述代码表示引入当前目录下的tesL.js文件。需要注意的是，外链式的标签内不可以编写JavaScript 代码。
为了帮助初学者更好地理解外链式，下面利用外链式实现浏览网页时在页面中自动弹出警告框。创建Example02.html文件，引入Example02.js文件，具体代码如例1-2所示。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script src="Example02.js"></script>
</body>
</html>标签的src属性设置了要引入的文件为Example02.js。
创建Example02.js文件，在该文件中编写如下代码：
alert ('Hello JavaScript');保存代码，在浏览器中访问Example02.html文件，页面效果与例1-1相同。
以上讲解了JavaScript的3种引入方式。现代网页开发中提倡结构、样式、行为的分离，即分离HTML、CSS、JavaScrixt这3部分代码，这样更有利于文件的维护。当需要编写大量的、逻辑复杂的、具有特定功能的JavaScrigt代码时，推荐使用外链式。外链式相比嵌入式，具有以下3点优势：
(1)外链式存在于独立文件中，有利于修改和维护，而嵌人式会导致HTML代码与JavaScript代码混合在一起。
(2)外链式可以利用浏览器缓存提高速度。例如，在多个页面中引入相同的JavaScript文件时，打开第1个页面后，浏览器将JavaScript文件缓存下来，下次打开其他页面时就不用重新下载该文件了。
(3)外链式有利于HTML页h代码结构化，把大段的JavaScript代码分离到HTML页面之外，既美观，也方便文件级别的代码复用。
*请认真填写需求信息，我们会在24小时内与您取得联系。
