web小白写的

html

1.HTML不是一门编程语言，而是用来告知浏览器如何组织页面的标识语言。
2.常见的html元素包括
①


②段落

③列表


④超链接

⑤块级无语义元素


⑥内联无语义元素

CSS

1.CSS中选择器
①标签选择器
②id选择器
③类选择器
④子元素选择器

2.标签选择器
直接写标签名，表示选中该页面所有对应名字的元素


3.id选择器
先给html标签指定id元素---->id = “名字”----->#名字
id名称是唯一的，一般只有一个标签对应


4.类选择器------>class=“名字”--------->.名字
类选择器可以包含多个相同class名称的不同标签


5.子元素选择器
通过空格定义标签内部元素


6.引入样式的方式
①内联样式
通过元素直接style进行设置
②内部样式
通过html中style标签进行设置
③外部样式
新建一个单独的CSS文件，同Link标签来引入
7.字体相关属性
①字体--------font-family
②字体大小-----font-size
③字体粗细-----font-weight
8.文本属性
①文本颜色------color
②文本对齐------text-align:left(左对齐）center(居中对齐）right(右对齐）
9.行高-------line-height
10.背景属性
①背景颜色------background-color
②背景图片------background-image:url
③背景平铺-------background-repeat
④背景尺寸------background-size
11.CSS盒模型
①盒子大小------width,height
②行块互换------display:block(行----->块） display:inline(块----->行）
12.元素边框-----border
13.内边距----padding
padding-left padding-right padding-top padding bottom
14.外边距----margin
margin-top margin-bottom

JavaScript

1.JavaScript就是运行在浏览器上的，功能就是控制页面和用户之间进行交互
2.书写位置：
（1）内联JS：<div onclick = " console.log(“hello”)>
(2)外部JS：写到一个单独的文件里，通过HTML中script来引入
JS的执行顺序和在HTML中的出现顺序密切相关，和是否是外部JS/内部JS无关
3.变量/类型
JS中没有类这样的概念，只有对象，JS也不是面向对象的编程语言，主要包括number,String,boolean,Object,underfinded
4.条件语句
if…else…
5.数组
let arr = [];
let arr2 = new Array(10);
(1)获取到数组的长度----arr.length
(2)取下标【】
（3）插入元素（尾插）
6.对象：JS中不需要类，可以之间创建对象，所有对象的类型，都是Object
注：JS的对象中，不支持继承，也没有“封装”，也不需要多态，JS不是面向对象的编程语言
7.事件
①通过 onXXX
②document.querySelector("")
③document.querySelectorAll("")
④for循环