first commit

历届学生/罗朝/2019-04-01/笔记.txt

@@ -0,0 +1,84 @@
+html 标签分类
+
+
+ 1：块级标签
+
+   在浏览器里面会独占一行的标签
+
+   块级标签 具有宽高属性，也就是说可以通过css代码对标签进行宽高的设置
+
+ 2：行内标签
+
+   不会独占一行的标签，元素宽度由内容决定
+
+   行内标签 不具有宽高属性，也就是说无法通过css代码对标签进行宽高的设置
+
+作用：
+
+  为了实现网页中更加自由的布局
+
+
+css 三种写法
+
+ 1：内联语法
+ 
+     <p style="color:red;font-size: 14px;">我是p标签</p>
+
+ 2：内部写法
+
+    选择器 {
+      属性名: 属性值;
+    }
+
+ 3: 外链写法
+
+  创建一个 xxx.css 文件，这里面放css代码
+
+  在html里面
+  <link rel="stylesheet" href="css/index.css"/>
+
+ 优先权：
+
+  1 > 2 > 3
+
+ !important 提升某条css属性的优先权
+
+ 选择器：
+
+ 1：标签选择器(标签名字)
+ 2：class 选择器 ( " .名称 " ), 可以取多个名字，xxx xxx xxx
+    class 选择器在网页中取的名字可以无限次重复并使用
+
+ 3：id 选择器 ( " #名称 " )
+    一般通过id取的名字，在网页是唯一的，不推荐重复使用。
+    为什么？
+    一般通过id取名字的元素是给js来使用, 所以不应该重复
+
+ 4：* 通配符选择
+ 5: 父元素 子元素    选中父元素内部的子元素
+ 6：
+   父元素 子元素,
+   父元素 子元素 
+
+   同时对 规则 1 和 2 设置相同的css代码
+
+ 7: hover  监听元素的鼠标悬浮事件
+ 8: focus  监听input输入框获得焦点的事件
+
+
+ 预习任务：
+
+  课下学习更多的css属性
+
+  http://css.doyoe.com/
+
+
+  1：css属性学习
+
+  2：css定位，盒子模型，浮动
+
+  3：写一些网页效果
+
+  4：弹性布局 + 媒体查询 + rem
+
+  5：各种造网站（pc网站 + 手机网站）