一. 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