青训营笔记

66 阅读1分钟

前端与HTML|青训营笔记 这是我参与【第五届青训营】伴学笔记 什么是前端? 解决GUI人机交互问题 跨终端 web技术栈

html 负责内容 css样式 javascrip 行为 浏览器 通过http协议和 服务器进行通信 webs http 前端最基础的技术栈

node.js 服务器端的应用 electron 客户端的应用

webGL 3D游戏 webASSEMBLY 直接在浏览器里面运行的代码

HypeText 超文本 Markup Language 传输

浏览器把代码解析成DOM数 树形结构 DOM结点

dl 定义列表 dt 标题 dd 具体的值

dl

dt 导演/dt dd陈凯歌 dd

dl

dt dd 多对多的关系

type="checkbox" type="radio"

list="contries" 《datalist id="contries"> </ 输入文本框字母会提示

blockquote 引用标签 cite="引用的网址" cite q code em strong表标签都是引用 em语气强调 strong 加粗加黑文字

谁在使用我们写的html 1开发者 2浏览器 3搜索引擎 4屏幕阅读器

html 传达内容,而不是样式 css 定义页面元素的样式

选择元素 1按照标签名,类或id 2 按照属性 3按照DOM树中的位置

通配选择器 * 选择所有

href^="#top" //以#开头就会被匹配上

href$=".jpg"// 以.jpg结尾就会被匹配上

伪类 1状态性伪类 不同状态给相应样式 a:link 默认状态下 a:avisited 访问过之后 a:hover 鼠标移到连接上面之后 a:active 鼠标按到下去之后的状态

li:first-child li:last-child

input.error 标签选择器.class选择器 只对Input生效