前端学习（1 day）-CSDN博客

HTML(超文本标记语言)，标记语言：利用语义化的标签来标示这段标签内内容的特性。超文本：就是用超链接的方法，将内容（不仅仅是文本）与其他外部（网络）或者内部（计算机）的其他内容进行关联来控制浏览顺序。
<!DOCTYPE html> --文档类型，用来链接一些好的HTML应该遵循的规则。因为历史原因必须写在HTML文档的第一行。
<meta charset="utf-8"> --这个元素指定了文档需要使用的字符编码是UTF-8。
CSS（层叠样式表），它不是编程语言也不是标记语言，它是样式表语言。它允许你有选择地位HTML元素添加样式。
JavaScript是一门动态编程语言。

<meat>可以用来描述作者和属性，meta元素包含name和content特性。 name特性为author,content的内容为作者的信息；或name特性为description，content的内容为文档的描述信息，描述信息会显示在搜索引擎中。
为站点增加自定义图标
- 首先在根目录下放置自定义16×16的ico格式图片
- 引入代码

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"\>
复制代码

块级格式化上下文BFC，BFC是生成块级盒子的区域，也是限定浮动元素与其他元素交互的限定区域（创建BFC可以清除浮动）点击链接如何创建EFC
与都显示粗体样式，但是会有加强语气着重显示的意思，而只是显示粗体样式没有实质性的意义、与同理。
text-transform：设置转换字体，uppercase、lowercase、capitalize首字母大写；text-shadow：文字阴影；text-stroke:文字描边。
letter-spacing：单词与单词之间的间距；word-spacing:字母之间的间距。
dl定义列表，可通过设置list-style-image自定义图片序列号。
可通过为 a 链接添加背景图片达到包含图片的效果。
通过@font-face自定义字体和外部引入字体。
table的caption有caption-side属性可以控制标题的位置。
选择器：nth-child(odd)、nth-child(even)可以快捷选中表格中的偶数和奇数行。
box-shadow可以设置多个阴影达到层叠的表现效果。
filter:drop-shadow看似与box-shadow作用相同，单实际上它作用于盒内内容的确切形状（只支持现代浏览器包括edge，但IE不支持）
flex弹性盒子布局。

flex项上的属性:
- flex-flow:是flex-derection和flex-wrap的缩写；
- 为flex项设值flex-basic: 200px 为最小宽度；
- 为flex项设置flex: 1 200px为默认平均分配剩余可用空间，第二个值为最小值；
- flex-shrink:一般用于溢出容器的flex项，标示它取处多少溢出量来防止它溢出（为了防止溢出取出了多少它的值就减少多少）。
- flex: 1 0 auto 分别是flex-grow、flex-shrink、flex-basic的简写；
- order指定flex项在主轴上的排列顺序。
flex容器上的属性：
- align-item:控制flex项在交叉轴上的排列方式，还可以为flex项添加align-self属性覆盖align-item的行为。
- justify-content 控制flex项在主轴上的位置
IE11以下并不支持flex。