css样式来源和选择器入门
CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素,样式通常存储在样式表中,把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题,外部样式表可以极大提高工作效率,外部样式表通常存储在 CSS 文件中,多个样式定义可层叠为一个
CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素,样式通常存储在样式表中,把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题,外部样式表可以极大提高工作效率,外部样式表通常存储在 CSS 文件中,多个样式定义可层叠为一个
低调奢华有内涵,狂拽酷炫吊炸天
一个页面就是一个html文档,大家不要学傻了。css/js通过标签以元素的属性寄生在在html文档中
名称 | 描述 |
---|---|
HTTP |
基于请求与响应的, 面向连接的,无状态的网络协议 |
Web Server |
Apache , Nginx |
URI / URL |
URI 是标准,
URL 是URI 的一种实现 |
console |
浏览器控制台对象,从浏览器的检查器中打开它 |
CORS |
跨域资源共享 |
路径 |
当前路径, 相对路径,绝对路径 |
名称 | 描述 | 用途和特征 |
---|---|---|
html5 |
超文本标记语言,HTML5 是最新版本 |
描述页面基本结构,结构化/层级化/语义化 |
CSS3 |
层叠样式表,CSS3 是最新版本 |
控制html元素样式,布局等,"选择器 + 声明块"来修饰页面元素 |
JavaScript |
基于ECMAScript 标准的,通用的前后端脚本语言 |
函数优先,基于原型,面向对象的轻量级,解释型脚本语言 |
ES6 |
ECMA2015 之后的 JS 版本统称,如ECMA2019 |
前端:ECMA/DOM/BOM,后端:ECMA/Node.js |
页面渲染 |
DOM树 ->CSS树 ->渲染树 ->节点绘制 |
|
JS引擎 |
为防止 JS 中断页面解析,可将期延迟或异步执行 | 最简单方案就是等页面渲染完成再执行JS,例如将JS放到 |
在日常工作和互联网写作中,Markdown几乎随处可见,并且扮演着越来越重要的角色。不管你是不是程序员,只要关乎写作,都离不开Markdown。知乎、简书、CSDN、GitHub、WordPress、印象笔记、有道笔记等都支持Markdown,Markdown俨然已成为最流行的“写作语言”。
emmet前身是Zen coding,他使用仿css选择器的语法来生成代码,极大提高了编写HTML/CSS的效率,之后改名为emmet,但是随之而来的改变不仅限于名字,还增加了许多新的特性。
我们分别使用十分钟来入门
Visual Studio Code(简称VS Code)是微软推出的一款开源的代码编辑器。它跨平台,同支持Windows、macOS和Linux操作系统;它功能丰富,内置了Git版本控制系统,支持智能感知、自定义代码片段、格式化、命令面板等功能;最重要的是它有一个非常活跃的插件市场,上面有很多强大的插件供我们扩展VS Code的各项功能。借助VS Code自身的编辑功能和丰富的扩展插件,我们能够轻易打造出一个功能强大而又极具个性的Markdown编辑器。
Mermaid 是一个基于 Javascript 的图表绘制工具,通过解析类 Markdown 的文本语法来实现图表的创建和动态修改,广泛集成于许多 Markdown 编辑器中。
Mermaid 诞生的主要目的是让文档的更新能够及时跟上开发进度。绘图和编写文档花费了开发者宝贵的开发时间,而且随着业务的变更,它很快就会过期。 但是如果缺少了图表或文档,对于生产力和团队新人的业务学习都会产生巨大的阻碍。
Mermaid 通过允许用户创建便于修改的图表来解决这一难题,它也可以作为生产脚本(或其他代码)的一部分。Mermaid 甚至能让非程序员也能通过 Mermaid Live Editor 轻松创建详细的图表。
vs
code中需要安装Markdown Preview Mermaid Support
扩展启用支持
string_view 是C++17所提供的用于处理只读字符串的轻量对象。这里后缀 view 的意思是只读的视图
字符串字面量(string literal)是指双引号引住的字符,双引号中可以没有字符,也可以有很多个字符。使用字符串字面量可以快速得到需要的一些编码字符。