对网页制作的一些布局的方案

1. 布局方案：

   PC端布局：
   版心 : 让一个容器，固定宽度，然后在浏览器中居中显示。
   .container{ width:1000px; margin:0 auto; }
   通栏 : 让一个容器，自适应浏览器的宽度，可以适配不同的分辨率。
   .container-fluid{ position:relative;}

    划分：版心、 通栏、 通栏 + 版心
   

   具体PC端布局的步骤：

    1. 创建页面文件和文件夹，去掉默认的HTML样式（ cssreset ），添加一些初始样式。
   
    2. 设置一些通用样式。包括：通栏、版心、浮动、清除浮动。
   
    3. 划分板块，对每一个板块设置HTML、CSS。
   

2.border-radius
数值是圆的半径，然后圆跟容器相切，产生圆角。
一个值：四个角。
两个值：左上右下、右上左下。
四个值：左上、右上、右下、左下。

3. 过渡：transition
   过渡时间 1s
   指定过渡的样式 all width …
   延迟时间 1s
   过渡的运动形式 ease linear

4. 变形：transform
   位移：translate
   旋转：rotate
   缩放：scale
   斜切：skew

5. 盒子阴影：box-shadow
   x y blur range color inset(内阴影)