css学习の第三弹—盒模型的创建和使用

一.css盒模型: 元素分类: 块状元素.内联元素(又叫行内元素)和内联块状元素. >>常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 设置display:block就是将元素显示为块级元素.如下代码就是将内联元素a转换为块状元素,从而使a元…

box:盒子,每个元素在页面中都会生成一个矩形区域(盒子) 盒子类型: 1.行盒,display属性=inline的元素,不换行(默认值) 2.块盒,display属性=block的元素,换行浏览器默认样式表设置的块盒:容器元素.h1~h6.p 常见的行盒:span.a.img.video.audio 盒子的组成部分无论是行盒还是块盒,都有下面4个部分组成,从内到外分别是: ①内容区域 content 内容盒:content-box width height ②填充区 paddin…

Web前端篇：CSS常用格式化排版、盒模型、浮动、定位、背景边框属性

目录 Web前端篇:CSS常用格式化排版.盒模型.浮动.定位.背景边框属性 1.常用格式化排版 2.CSS盒模型 3.浮动 4.定位 5.背景属性和边框属性 6.网页中规范和错误问题 7.显示方式 Web前端篇:CSS常用格式化排版.盒模型.浮动.定位.背景边框属性 1.常用格式化排版 1.字体的属性设置字体属性: body{font-family:"Microsoft Yahei"} body{font-family:"Microsoft Yahei",&quo…

前端学习第三弹： JavaScript语言的特性与发展

前端学习第三弹: JavaScript语言的特性与发展 javascript的缺点 1.没有命名空间,没有多文件的规范,同名函数相互覆盖导致js的模块化很差 2.标准库很小 3.null和undefined null几乎没有用不该设计它 4.全局变量难以控制 5.自动插入行尾分号主要的缺点就是这几个,别的缺点就不一一列举了.... (自习室关门了,待续...)…

CSS学习篇核心之——盒子模型

概述关于CSS的一些基础知识我们在前面文章中已经有所了解,这篇文章我们主要来学习下CSS中的核心知识盒子模型的知识. 盒子模型元素框的最内部分是实际的内容(element),直接包围内容的是内边距(padding),内边距呈现了元素的背景,内边距的边缘是边框(border),外边距(margin)默认是透明的,因此不会遮挡其后的任何元素,对于这个图边框外的部分就是margin,边框内内容外地部分就是padding. 在CSS中我们一般习惯性的将外边距和内边距设置为0,即 * { margin…

CSS选择器、样式、盒模型

一.CSS基础选择器 # 1.*(通配选择器):html,body以及body下用于显示的标签 #html和body颜色会被改变,但是div标签不会发生改变,由于不同的选择器具有优先级 # 语法:* {样式块} # 2.标签名(标签选择器):该标签对应的所有该标签 # 在实际开发中,尽量少用或不用标签名来作为选择器,标签名如果作为选择器的话一般在该标签为最内层(语义|功能)标签 # 语法:标签名 {样式块} # 3. .类名(class选择器):对应该类名的所有标签 # 语法:. {样式块} #…