20170303 第九-第十一课时

第九课时 新手容易犯的错误
1.不加doctype,导致低版本IE,解析效果不一样,不兼容
2.id为数字,id为数字的情况下没有效果
3.文件编码与charset编码不一样,需要一致。保存的格式也要一致。

作业:
把这三个错误各犯一遍,观察效果。
1.可能是IE浏览器版本比较高,或者代码内容简单,并没有出现相关问题。
2.当id为数字,或者以数字开头时,所设置的ID内容无效,当id为字母开头,数字结尾时,内容有效。
3.试着将一个文件先从html格式,转换为txt格式,然后另存为,存为Unicode ; Unicode big endian ;ANSI; 再打开,都能挺好地显示的……没有出现代码。

第十课时 盒模型
将一个div看作一个盒子,盒子与盒子之间的距离叫做margin(外边距),盒子的边框(border),盒子里面一般不会塞满盒子壁到实际放东西的距离叫做内边距(padding)。
没有作业。

第十一课时
盒模型之margin讲解
有三种方式可以设置margin的值,
第一,margin:10px;这样这个盒子的外边距就都是10px
第二,margin-top:20px;这样这个盒子的上边距为20px,其他没有边距,其他方向可以通过margin-right等来设置;
第三,margin:10px 20px 30px 40px;依次为上右下左外边距,顺时针方向。
如果只写了两个数字,没分配到的边就取对边值,如下边距会取上边距值,左边距值会取右边距值;如果只写了三个数字,则左边距取对边(右边距的值)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,690评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,722评论 32 459
  • 一、在什么场景下会出现外边距合并?如何合并?如何不让相邻元素外边距合并?给个父子外边距合并的范例 在CSS当中,相...
    dengpan阅读 3,736评论 0 0
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 6,205评论 1 4
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 5,919评论 0 6

友情链接更多精彩内容