1、首先我们我们新建一个记事本，并将记事本的名字改为“引入外部css文件和外部js文件.html”，并回车键确定，以使文件转化为浏览器可以打开的html网页文件。
创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站设计制作、成都网站建设、奈曼网络推广、微信小程序定制开发、奈曼网络营销、奈曼企业策划、奈曼品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供奈曼建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com
2、外部样式表是CSS应用中最好的一中形式，它将CSS样式代码单独放在一个外部文件中，再由网页进行调用。
3、当我们不导入外部CSS样式表时，我们通常用html编写样式，两种方式使我们共同，第一种为下图。
4、html5使用link标签引入外围的css样式表。
元素的margin的top、bottom及padding的top、bottom使用百分比作为单位时，其是相对父元素的宽度width的而不是我们想象的高度height；其实出现这种现象，我们可以巧用margin/padding的百分比值实现高度自适应。
不要滥用类在有意义的地方使用ID而不要使用类。这是一个使得浏览器能够更快访问DOM元素的方法。不要把一切都扔进一个CSS文件中分区CSS使其更易于管理。
学习Web前端开发，到底要掌握哪些技术知识点呢？首先HTML和css这两部分非常简单，同时也是前端开发的基础。是所有进入前端开发领域的基础内容。
知识点：Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。
Web前端开发需要学习的知识包括但不限于以下几个方面：HTML、CSS、JavaScript：这是Web前端开发的基础，需要掌握HTML标记语言、CSS样式表以及JavaScript脚本语言的基本语法和常用特性。
1、当我们不导入外部CSS样式表时，我们通常用html编写样式，两种方式使我们共同，第一种为下图。第二种写作方式：HEAD 时间元素/ title 风格 。
2、链接样式表的方法基本有三种：行内样式表：使用【style】属性引入CSS样式。内部样式表：在【style】标签中书写CSS代码；【style】标签写在【head】标签中。
3、当我们不导入外部CSS样式表时，我们通常用html编写样式，两种方式使我们共同，第一种为下图。一行代码引入外部的CSS文件即可linkrel=stylesheethref=css/style.css这样css文件就与HTML链接起来了。