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

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

作者: 雪妮爸爸 | 来源:发表于2018-10-12 18:47 被阅读0次

    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属性

    相关文章

      网友评论

          本文标题:25.静态网页实战-努比亚

          本文链接:https://www.haomeiwen.com/subject/bfngaftx.html