html5中3个盒子怎样设置,Web前端开发任务驱动式教程（HTML5+CSS3+JavaScript）任务10 盒子模型及应用.pptx...

第五单元盒子模型任务10 盒子模型及应用学习目标盒子模型的概念掌握边框的设置内边距的设置外边距的设置学习目标了解:利用盒子模型布局网页的优势任务目标实战演练——制作古诗文欣赏网页强化训练——制作散文赏析网页知识准备1. 盒子模型的概念知识准备1. 盒子模型的概念CSS将HTML页面中的每一个元素看成是一个矩形盒子，占据一定的页面空间。一个HTML页面由很多这样的盒子组成，这些盒子之间会相互影响，因此网页布局主要是掌握：一个独立的盒子的内部结构；多个盒子之间的相互关系。盒子模型使用

设置四边的边框样式为双实线

设置上下边框样式为单实线，左右边框样式为虚线

设置上边框样式为单实线，左右边框样式为虚线，下边框样式为点线

知识准备小技巧：分别设置边框样式上边框样式：border-top-style右边框样式：border-right-style下边框样式：border-bottom-style左边框样式：border-left-style知识准备2. 边框的设置：边框宽度边框宽度(border-width)：单位为像素px基本格式：border- width：上边框 [ 右边框下边框左边框]；值复制原则：1个值：四边2个值：上下/左右3个值：上/左右/下4个值：上/右/下/左知识准备示例：边框宽度的设置

设置四边的边框为1像素，单实线

设置上下边框为2像素，左右边框为1像素，单实线

设置上边框为2像素，左右边框为3像素，下边框为4像素，单实线

知识准备小技巧：分别设置边框宽度上边框宽度：border-top-width右边框宽度：border-right-width下边框宽度：border-bottom-width左边框宽度：border-left-width知识准备2.边框的设置：边框颜色边框颜色(border-color)：预定义的颜色值、#RRGGBB或rgb(r,b,g)。基本格式：border-color：上边框 [ 右边框下边框左边框]；值复制原则：1个值：四边2个值：上下/左右3个值：上/左右/下4个值：上/右/下/左知识准备示例：边框颜色的设置

html5中3个盒子怎样设置,Web前端开发任务驱动式教程（HTML5+CSS3+JavaScript）任务10 盒子模型及应用.pptx...相关推荐

Web前端开发工程师实战培训教程
Web前端开发工程师实战培训教程现在Web前端开发的工作需求量很大,很多企业都专门去招聘Web前端的开发人员,待遇都是轻松过万的我推荐给你们一套系统性学习Web前端开发的课程,可以完整的学习Web ...
视频教程-Web前端开发利器 SPRY框架之页面效果-JavaScript
Web前端开发利器 SPRY框架之页面效果有17年互联网行业从业经验,始终在教学第一线,勇于创新,从有效教学,不断向高效教学转变.始终坚持"学生为主体,教师为主导:商业化案例,企业化情境& ...
麦子学院-Web前端开发工程师系列培训教程
麦子学院Web前端开发工程师培训-价值1万8 比传智播客讲得好 Web前端开发工程师,主要职责是利用HTML.XHTML.CSS.JAVAScript.FLASH等各种Web前端技术进行客户端产品的开 ...
web前端开发零基础入门教程
端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色.从狭义上讲,前端工程师使用 HTML.CSS.JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端.移动端 ...
关于HTML5中meta name=“viewport“ 的用法---web前端工作笔记014
移动端的布局不同于pc端,首先我们要知道在移动端中,css中的1px并不等于物理上的1px,因为手机屏幕的分辨率已经越来越高,高像素但是屏幕尺寸却没有发生太大变化,那就意味着一个物理像素点实际上塞入了 ...
Web前端开发笔记——第三章 CSS语言第五节盒子模型
目录一.CSS布局与定位二.盒子模型三.盒子模型的组成四.设置边框的属性五.设置外.内边距的属性六.overflow 属性结语一.CSS布局与定位在CSS中对一个网页进行布局与定位, ...
Web前端开发技术课程大作业——HTML5旅游景区景点(13页面)HTML+CSS+JavaScript
php淘兴趣,Web前端开发实训案例教程(中级1+X证书制度试点培训用书)
目录第1章实践概述 1.1 实践目标 1.2 实践知识地图 1.3 实施安排 1.3.1 实验(技术专题)部分 1.3.2 综合实践部分第2章开发工具(HBuilder) 2.1 实验目标 2 ...
html5web前段页面,HTML5+CSS3 Web前端开发
HTML5+CSS3 Web前端开发编辑锁定讨论上传视频 <HTML5+CSS3 Web前端开发>是2018年5月清华大学出版社出版的图书,作者是唐四薪.ISBN为97873024 ...

html5中3个盒子怎样设置,Web前端开发任务驱动式教程（HTML5+CSS3+JavaScript）任务10 盒子模型及应用.pptx...

html5中3个盒子怎样设置,Web前端开发任务驱动式教程（HTML5+CSS3+JavaScript）任务10 盒子模型及应用.pptx...相关推荐

最新文章

热门文章