html、css、js和jQuery学习总结

一. HTML学习总结

常用标签：
1．块级元素:占据一整行，其他内容换行显示。可以设置width , height ,比如: <h1> , <div> , <p> .
2．行内元素:宽高由内容决定，剩下的区域可以显示其他元素。不支持设置width ,height.比如: <soan> , <input>.
3．块级行内元素:具有块级元素的特征，但是不换行。可以设置width， height ,比如: <img>.

我们可以通过添加样式改变标签：

• dispLay: none; --隐藏标签。
• display : bLock ; --设置为块级元素
• display: inline; --设置为行内元素
• display: inline-block;–设置为块级行内元素

二、CSS学习总结

css主要用于美化我们的前端界面，让我们的网页更好看。其中选择器是用来指定页面上我们需要样式化的html标签，还有盒子模型，定位，浮动等重点
css选择器

• 简单选择器（根据名称、id、类来选取元素）
• 组合器选择器（根据它们之间的特定关系来选取元素）
• 伪类选择器（根据特定状态选取元素）
• 伪元素选择器（选取元素的一部分并设置其样式）
• 属性选择器（根据属性或属性值来选取元素）

盒子模型

margin: 外边距
border: 边框
padding：内边距
content：最中间，内容

css定位：
是页面中经常用到的布局方式
position:定位 top left right bottom 分别设置位置
1.相对定位：relative,参考自己本身原来的位置
2.绝对定位: absolute,参考的是包裹自己有相对定位的父元素
3.固定定位: fixed

css浮动
使得指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上
float:left ;(左浮动)
float:right;(右浮动)
clear:both；清除浮动

三、js学习总结

JavaScript 代码必须位于 <script> 与 </script> 标签之间，js主要用来实现页面交互的一些操作逻辑，让我们页面的功能更加丰富。其中我感觉文档对象模型dom （Document Object Model）重要些
dom:
查找html标签：

//id查找
document.getElementById("intro");
//标签名查找
document.getElementsByTagName("p");
//类名查找
document