本文已参与[新人创作礼]活动，一起开启掘金创作之路。

哈喽，大家好！我是Why，一名在读学生，目前刚刚开始进入自己的编程学习生涯。虽然学习起步较晚，但我坚信做了才有0或1的可能。学了一段时间以后也是选择在掘金上分享自己的日常笔记，也希望能够在众多道友的大家庭中打成一片。本文主要讲解CSS使用与Javascript的引入，如果大家读后觉得有用的话，还请大家多多支持博主：欢迎 ❤️点赞👍、收藏⭐、留言💬 ✨✨✨个人主页：JinHuan

CSS

 CSS：Casading Style Sheet 层叠样式语言
 作用：修饰HTML语言，设置HTML页面中的某个元素的样式，让HTML更美观

嵌套使用在HTML中的三种样式

1、内敛定义方式

 在标签内部使用style属性来设置元素的css样式
 语法格式：
     <标签 style="样式名:样式值;样式名:样式值;......"></标签>

2、样式块方式

 在head标签中使用style块
 语法格式：
     <head>
         <style type = "text/css">
             选择器{
                 样式名:样式值;
                 样式名:样式值;
                 样式名:样式值;
                 ......
             }
             选择器{
                 样式名:样式值;
                 样式名:样式值;
                 样式名:样式值;
                 ......
             }   
             ......
         </style>
     </head>

3、链入外部样式表文件

 ·将样式写到一个独立的css文件中，在需要的网页上直接引入css文件，该样式就会被引入
 语法样式：
     <link:type = "text/css" rel = "stylesheet" herf = "css文件的路径"></link>

列表样式

 <style type = "text/css">
     ul/ol{
         样式名:样式值;
         样式名:样式值;
         样式名:样式值;
         ......
     }
 </style>

选择器

1、id选择器

 #id{
     样式名:样式值；
     样式名:样式值；
     .....
 }

2、标签选择器

 标签名{
     样式名:样式值;
     样式名:样式值;
     ......
 }

3、类选择器

 .类名{
     样式名:样式值;
     样式名:样式值;
     ......
 }

JavaScript笔记

ECMASCript

在HTMl中嵌套JavaSCript代码的三种方式

第一种

 JS是一门事件驱动型的编程语言，依靠事件去驱动，然后执行对应的程序。
             在JS中有很多事件，其中有一个事件叫做：鼠标单击，单词：click。并且任何
             事件都会对应一个事件句柄叫做：onclick。【注意：事件和事件句柄的区别是：
             事件句柄是在事件单词前添加一个on。】，而事件句柄是以HTML标签的属性存在
             的。
 onclick="js代码"，执行原理是什么？
                 页面打开的时候，js代码并不会执行，只是把这段JS代码注册到按钮的click事件上了。
                 等这个按钮发生click事件之后，注册在onclick后面的js代码会被浏览器自动调用。

第二种

 //javascript的脚本块在一个页面当中可以出现多次。没有要求。
 //avascript的脚本块出现位置也没有要求，随意。
 <script type="text/javascript">
 // alert有阻塞当前页面加载的作用。（阻挡，直到用户点击确定按钮。）
 window.alert("first.......");
 </script>

第三种

 引入外部独立的js文件
 <script type="text/javascript" src="js/1.js"></script>

下一篇我们讲解JS的基本语法