JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。 ——百度百科

简介

层叠样式表Cascading style sheets

• 可以用来给网页创建样式表，对网页进行修饰

• 层叠就是多层结构，高的可以覆盖低的

• css可以为网页每个层次设置样式

• 网页可以根据不同的设备或窗口大小呈现不同的效果
• 使用响应式布局，可以使一个网页适用所有设备

像素又分为css像素和物理像素

为了简化代码而采用的，CSS自带不兼容老浏览器，于是有了less

zeal是一个查看官方的文档的软件，非常好用，但有些需要T子，这里列出使用时的问题

盒子大小

1
2
3
4

height: 100px;
width: 100px;
box-sizing: content-box;
box-sizing: border-box;

box-sizing：用来设置盒子尺寸的计算方式

表格

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<table border="1px" align="center">
    <tr>
        <th>a1</th>
        <th>a2</th>
        <th colspan="2">a3</th>
    </tr>
    <tr>
        <td>b1</td>
        <td>b2</td>
        <td>b3</td>
        <td rowspan="2">b4</td>
    </tr>
    <tr>
        <td>c1</td>
        <td>c2</td>
        <td>c3</td>
    </tr>
</table>

CSS

CSS在处理网页时，认为每个元素是一个盒子，网络布局就相当于摆放盒子

参考尚硅谷李立波老师的h5和c3课程，MDN官方和w3school