Week1前端学习

一.html+css笔记

1. 网页的内容由很多个标签构成

2. 以严格的缩进来表示包含关系

3. head部分用来包含文件的基本信息,内容不会在网页中显示

4. body中包含了网页真正显示的内容

5. <div>为分区显示,<img>为图片,<center>居中,<title>在head中表示网页的总标题

6. style可以控制图片大小,对齐方式和边框宽度用法为< img src=”图片名称” style=”width:xx px;height: xx px;”>

7. CSS:把标签的所有style属性都写在CSS文件里

8. 需要在CSS文件中加入全局变量*{margin: 0;padding: 0;}把页面最上边的缝隙去除

二.运用

1. 简单页面布局

在原设计的基础上往中间加了四个边框

2. Html+css的运用

Task2的源代码中把style属性都放在html文件中,我新建了一个css文件,把style属性都放到了css文件中。



三.问题解决

1.打算加入4个边框,但是加入后边框并没有在指定的位置。我开始以为是我的边框设置得太大,后来把它们改小后还是没有在指定的位置上。后来才发现是body中的<div>写多了一个,导致大边框与我要加进去的那四个边框构成了并列关系而不是包含关系,删除后问题得以解决。



©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS样式表 1.CSS概念 CSS是Cascading Style Sheet的缩写,中文为层叠样...
    超爱吃柠檬阅读 3,480评论 0 0
  • Html+Css 大家都知道Web网页是有结构标准(HTML标准) 样式标准(CSS标准) 行为标准(JS标准...
    艾曼大山阅读 4,628评论 2 11
  • 001、浮动不上去的原因 1、宽度不够浮动不上去 2、前一个元素不浮动后一个元素加了浮动你也浮动不上去 3、都加了...
    JK酱阅读 4,332评论 0 1
  • HTML5:布局类标签 HTML是具有语义化的语言,针对网页的布局,有一类标签代表各种意义的“布局盒子”。所有的布...
    ljz2020阅读 1,514评论 0 0
  • HTML+CSS 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使...
    aymincoder阅读 10,509评论 2 188