Hexo
0%

Posted on

Web前端

HTML

块元素与行内元素

超链接

image-20240518162207184

div 组织块，无实际内容

快捷

1
.content(内容名称)

image-20240518162421361

span组织行内元素

表单

image-20240518163015042

image-20240518163027103

1
2
placeholder输入内容自动消失
而value会自动填写

input标签type

image-20240518163635394

要实现单选，需要加一个name属性，同时name名称必须相同

image-20240518163810407

image-20240518163857100

1
label中的for元素是与input绑定，与ID对应，所以不适用于单选

image-20240518164221322

form中的action就是规定提交到哪一个url

CSS

CSS

image-20240518164341961

1为直接放入html标签

2为放入头部

3为放入一个专门的css文件夹

image-20240518164626162

优先级

image-20240518164648874

CSS选择器

image-20240518164749712

元素选择器

image-20240518165213273

image-20240518165222108

类选择器

image-20240518165236305

image-20240518165243648

class控制类

ID选择器

image-20240518165440962

image-20240518165453638

创建包含id的快捷方式

1
2
#+id
eg:h4#header

通用选择器

image-20240518165833640

CSS常用属性

复合属性

image-20240518170343414

行内元素，块内元素，行内块元素可以相互转换

利用display

盒子模型

image-20240518173728960

image-20240518174152486

1
borde-width遵循上右下左原则

浮动

image-20240518175601327

清除浮动：overflow

image-20240518175926141

定位

image-20240518181229357

相对定位

image-20240518181710121

JS

简介

image-20240518182023822

JS数据与基本变量

image-20240518184109001

const是常量；var是变量，作用于函数作用域；let是变量，作用于块级作用域。let更加安全灵活。

JS控制语句

JS函数

image-20240518185435220

JS事件

image-20240518190057898

image-20240518190508610

image-20240518191313600

JS DOM

image-20240518192132602

image-20240518192658972

image-20240518192727355

image-20240518192740841

响应式布局

image-20240518214739882

image-20240518214842592

FLEX布局

image-20240518215336502

微信公众号开发

image-20240518220619210

image-20240518220708758

微信web开发者平台