学习日记-20180722

最新推荐文章于 2023-12-04 22:15:01 发布

Nyixin

最新推荐文章于 2023-12-04 22:15:01 发布

阅读量157

点赞数

分类专栏：学习日记

本文链接：https://blog.csdn.net/Nyixin/article/details/81158496

版权

学习日记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

学习日记

学习日记

今日学习内容

使用 Chrome 浏览器的开发者工具：如何选择元素、如何查看元素样式的定义语句、如何获得元素计算完的结果样式；
临摹W3CSchool的固定框架页面，要求竟可能的保证一致，临摹页面
自学 CSS 样式对于元素的格式的定义、盒子模型

学习成果

部分代码

```<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">

       html     { 
                min-width: 1210px;
                background-color: #fdfcf8;
                overflow:scroll;
                overflow-x:hidden;
                }

        body
                {
                text-align: center;
                margin: 0;
                padding: 0;
                border: 0;
                background: #fdfcf8;
                }

        #wrapper
        {
        margin: 0 auto;
        padding: 0;
        border: 0;
        width: 1239px;
        text-align: left;
        background: transparent url(wrapper.png) top left repeat-y;
        }

        {
        margin:0;
        padding:0;
        border:0;
        }


        #header, #header_index
        {
        margin: 0 0 0 12px;
        padding: 0;
        border: 0;
        width: 1210px;
        height: 100px;
        background-color:#fdfcf8;
        }

        #header  a, div#header_index  a, #header_index  h1
        {
        text-indent: -9999px;
        margin: 0;
        padding: 0;
        border: 0;

初始效果展示

这里写图片描述
（嗯，，还有好多地方不大一样还在做先传上来吧）

最终效果展示

这里写图片描述

学习总结

昨天回来没有及时做作业，结果今天再做的时候有点忘了，这个头部的logo背景没有做好，感觉是我定义的id的名字，然后再复制过来的时候就有点对不上有点蒙这里还在弄
刚开始做的时候始终主页面都不能居中。最后发现虽然定义了主页面的样式但是没有在body里加一个最外层整体的div，加上之后就居中了，，

又看了看之后发现的确是id的名字对不上，嗯好吧这应该就是传说中的让计算机懵了。
然后改好了id 果然变正常了。
觉得代码一多了之后很容易乱，注释和缩进还是很重要的，这样比较方便看，也便于查找错误

Nyixin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习日记-20180722

学习日记今日学习内容学习成果部分代码初始效果展示最终效果展示学习总结学习日记今日学习内容使用 Chrome 浏览器的开发者工具：如何选择元素、如何查看元素样式的定义语句、如何获得元素计算完的结果样式；临摹W3CSchool的固定框架页面，要求竟可能的保证一致，临摹页面自学 CSS 样式对于元素的格式的定义、盒子模型学习成果部分...
复制链接

扫一扫