HTML+CSS+JS快速入门
一、HTML
HTML的核心就是各种组件,所以只要掌握最常用的组件后,在去相关网站上搜索即可
(1)标题:
-
(2)段落:
、换行:
、水平线:
(3)
(4)有序列表:
- +
- 、无序列表:
- +
-
(5)表格:
+
+ (6)元素分成三类:块级元素、内联元素(行内元素)、行内块级元素
(7)
H5新标签...(8)学习网站w3schools和菜鸟教程
二、CSS
CSS的核心就是各种样式,所以只要掌握最常用的样式后,在去相关网站上搜索即可
1.CSS选择器
(1)引入方式:内联样式/行内样式(style=\"\")、内部样式()、外部样式()
(2)全局选择器:元素选择器、类选择器、ID选择器、合并选择器
(3)选择器的优先级:行内样式 > ID选择器 > 类选择器 > 元素选择器
(4)关系选择器:后代选择器、自带选择器、相邻兄弟选择器、通用兄弟选择器
2.CSS属性
(1)字体属性:字体、颜色、大小、粗细、文字样式
(2)背景属性:颜色、图片、位置、大小、图片填充
(3)浮动float(只能左右浮动):浮动以后的元素脱离了文档流,浮动元素在单独的浮动层上
(4)定位position:相对定位relative、绝对定位absolute、固定定位fixed
设置定位后,相对定位和绝对定位会随着具有定位的父元素进行位置调整
(5)动画animation(@keyframes创建动画):从一种样式逐渐变化成为另一种样式的效果
()更多的属性: 学习网站w3schools和菜鸟教程
3.CSS两个模型
(1)盒模型(针对单个元素):外边距margin、边框border、内边距padding、实际内容content
(2)弹性盒模型(针对多个元素):定义了弹性子元素在弹性容器中的布局
相关属性:display:flex、flex-direction、justify-content、align-items;子元素属性:flex-grow
三、JS
JavaScript的基本语法和C/C++类似,所以只列出JS语法的基本框架就可以明白JS的语法
引入JS:嵌入到HTML()、独立JS文件、引入网络文件
1.基本语法
(1)常见输出方式:alert(\"弹出框\")、document.write(\"输出到页面\")、console.log(\"log\")
(2)数据类型:数值、字符串、布尔值、对象、null、undefined
(3)算术运算符:加减乘除、余数、自增、自减
(4)赋值运算符:=、+=、-=、*=、/=、%=
(5)比较运算符:、=、==、===(严格相等运算符)、!=、!==(严格不相等运算符)
(6)布尔运算符:!、&&、||
(7)条件语句:if、if-else、if-else if-else、switch
(8)三元运算符:x ? y : z
(9)循环语句:for、while;配合break、continue
2.字符串函数
-