ID:40241749
大小:306.01 KB
页数:26页
时间:2019-07-28
内容3
……与之间:网页全部信息与之间:网页说明信息5、>之间:浏览器标题
与之间:可见的网页内容2、Html基本语法结构介绍3、Html元素样式及布局定位举例先讲规则原理,再用代码写出符合规则的布局和样式常用规则和代码均极其简单不以书上标准名词讲解,采用通俗、俗气的名词叫法,先让大家能理解,能写,然后大家再去看书,去系统、规范学习,去提高技能3、Html元素样式及布局定位举例要显示的内容必须放在body中。Body是个大硬盒子,盒子中可以放其它盒子盒子中可以放袋子盒子是硬的,有长宽高属性,默认独占一行袋子是软的,袋子没有长宽高属性,不独占一行袋子中不能放盒子(标准中规定),但6、浏览器多支持此非正规写法,建议不要常用Display可以使标签元素在盒子和袋子间改变Display:block块元素(盒子),inline内联元素(袋子);各种标签默认的display属性不同Float可以使块级元素(盒子)不独占一行Html元素样式及布局定位举例开始例子,边做边学后面ppt作为提示和讲解属性用3、Html元素样式及布局定位举例盒子的主要属性:宽(width)高(height)边框(border)外边距(margin)内边距(padding)背景(background)内部内容样式(对齐方式字体颜色等)设置的宽高仅仅是是conte
7、nt的宽高(ie6及以前是全部的宽高,即外部虚线部分包含的区间宽高)设置的背景是包含padding和content的部分的背景3、Html元素样式及布局定位举例袋子的主要属性:没有宽高属性,没有上下边距,没有内部内容的对齐方式,其余和盒子基本一样3、Html元素样式及布局定位举例元素位置1:Body是最外面的包装大盒子,Body里面有盒子盒子又有兄弟盒子盒子也有子盒子兄弟盒子间位置按照文档中的顺序布局定位紧挨上一个盒子(盒子要独占一行)子盒子紧挨父盒子的左上角3、Html元素样式及布局定位举例元素位置2:3、Html元素样式及布局定位举例元素位置
8、3:3、Html元素样式及布局定位举例元素位置1:Html元素属性查看w3cschool上面的教程上面可以查询对应元素,其属性含义,及其
此文档下载收益归作者所有