前端语言串讲/css部分内容
HTML相当于骨骼,css相当于皮肤,JavaScript相当于肌肉
JavaScript:1,借鉴C语言的基本语法 2,借鉴Java语言的数据类型和内存管理 3,借鉴scheme语言,将函数提升到“第一等公民”的地位 4,借鉴self语言,使用基于原型(prototype)的继承机制
HTML DTD 基本语法:标签(元素),文本text,注释comment,DTD documment type defination 处理信息 processing instruction
标签分类:文档型 闭合型:闭合标签,空标签 换行型:块级标签,行内标签 H5新元素:语义化标签,媒体标签,表单标签,功能标签
head标签: title:标题,全局唯一 base:向页面所有相对URL提供前缀,全局唯一,不建议使用 meta:通常是约定好的键值对,例外:charset,http-equiv link:rel绝对类型,href决定引入地址 script:type指定MIME类型,可内嵌代码,可外链文件
Wbe的风靡 对用户友好:无需安装,无需强大硬件,升级非常方便,容错率高,传播方便 对开发者友好:心智模型成熟,丰富的API能力,框架,工具标准化,开发,测试简单,具备跨平台能力 领域成熟度;what/w3c/ecma,;浏览器厂商整合,各类web应用风靡,商用平台设计标准化,全面组件化 未来方向:效率工具(rust),js 2 anything 服务端容器化,低(无)代码站点,大前端的统一,三位可视化
CSS-cascading style sheets 层叠 样式表:规则声明的集合:产生冲突,和层叠解决冲突 层叠三大规则 优先度(降低):1,样式表来源 2,选择器优先级 3,源码位置 样式表来源重要排序(递增) 1,用户代理央视(浏览器默认样式) 2,用户样式表(很少有 3,作者样式表(developer写的 4:3中的!important 5:2中的 6:1中的 少用id,尽量不用!important 自己的央视加载在引用库样式的后面
flex:1,一维布局 2,基于内容 3,浏览器兼容性更好 grid:1,二维布局 3,基于布局 3,2017后浏览器普遍支持
1,大面积/整体布局,grid 2,小面积/组件中/grid item中可用flex做灵活布局 但不绝对,是情况而定