25.静态网页实战-努比亚

1.编写网站要做的第一件事情

创建站点文件夹，并且创建一些子文件夹和子文件
注意点：
创建站点文件夹可以是中文
但是站点文件夹下面的子文件夹和子文件不能出现中文

2、重置所有默认的样式和设置一些全局样式，并且将设置样式的css文件和对应的界面关联起来

3.如果在编写代码css样式的时候，想编辑css文件中 跳转时，摁住ctrl键，即可跳转。

4.logo写法，大多数都是h1中嵌套一个a标签

5.绝对定位设置居中 left 设置50% marign-left： 设置负值并且宽度为他的一半。

6.奇淫技巧。（设置图片居中）

给父元素添加text-align: center;
子元素添加margin: 0 -100%；
如果想设置图片居中，并且图片的宽度大于父元素的宽度，可以在父元素设置text-align属性，并且在子元素中设置marign：0 -100%。 如果图片有溢出现象，可以设置overflow：hidden。

注意点:

1、如果图片宽度大于父元素宽度时不能使用margin:0 auto或者text-align，让图片居中
2、如果图片宽度大于父元素宽度，可以使用定位流让图片居中
但是定位流的弊端也比较明显
1需要写三行代码
2必须知道图片段杜
3如果图片宽度大于父元素宽度，也可以使用奇淫技巧，但是父元素必须使用text-align：center

7.设置透明色的时候，可以直接设置单词，transparent/背景颜色为透明/

8.伸缩布局:

在父元素中添加display: flex和justify-content: space-between

687953-20151203220713783-1106695950.png

9.边框圆角

border-radius属性