jcf52的博客

块元素、内联元素、内联块元素 元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。 块元素 块元素，也可以称为行元素，布局中常用的标签如：div、p、ul、li、h1~h6、dl、dt、dd等等都是块元素，它在布局中的行为： 支持全部的样式 如果没有设置宽度，默认的宽度为父级宽度100% 盒子占据一行、即使设置了宽度 内联元素 内联元素，也可以称为行内元素，布局中常用的标签如：a、span、em、b、strong、i等等 都

在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。关于浮动的两个特点：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。三种取值left：向左浮动 right：向右浮动 none：默认值，不浮动一.clear clear属性规定元素的哪一侧不允许其他浮动元素。值 描述 left 在左侧不允许浮动元素 right...

目录一.margin外边距二.padding内填充CSS盒模型详解（图文教程） - 千古壹号 - 博客园margin: 用于控制元素与元素之间的距离；margin的最基本用途就是控制元素周围空间的间隔，从视觉角度上达到相互隔开的目的。 padding: 用于控制内容与边框之间的距离； Border(边框): 围绕在内边距和内容外的边框。 Content(内容): 盒子的内容，显示文本和图像。一.margin外边距.margin-test {margin-top:5..

目录一.宽和高二.字体属性2.1文字字体font-family2.2字体大小font-size2.3字重（粗细）三.文字属性3.1文本颜色3.2文字对齐text-align3.3文字装饰text-decoration: none;3.4首行缩进text-indent: 32px;四.背景属性五.边框属性5.1边框样式5.2border-radius六.display属性用于控制HTML元素的显示效果。一.宽和高width属性可以为.

目录一.ID选择器二.class 选择器三.元素选择器四.通用选择器五.组合选择器5.1后代选择器5.2儿子选择器5.3毗邻选择器5.4弟弟选择器5.5属性选择器一.ID选择器一个标签可以设置一个id 属性和id值(类似于每个人的身份证号，具有唯一性)，然后可以通过id选择器找到对应的标签并为其添加CSS样式.语法格式：# i1{background-color: red;}二.class 选择器标签也可以设置class 属性与..

一.css 介绍层叠样式表，是一种样式表语言，用来描述HTML和XML文档的呈现。随着HTML的发展，为了满足面设计者的要求，HTML添加了很多显示功能，但是随着这些功能的增加，使得HTML越来越杂乱，HTML 页面也越来越臃肿，CSS便随之诞生，CSS 用于简化HTML标签，把关于样式部分的内容提取出来，进行单独的控制，使结构与样式分离开发。CSS 是以HTML为基础，设置网页的外观显示样式，如字体、颜色、背景的控制及整体的布局等，和HTML 类似，CSS也不是真正的编程语言，甚至不是标记语言。..

一.css 介绍层叠样式表，是一种样式表语言，用来描述HTML和XML文档的呈现。 随着HTML的发展，为了满足页面设计者的要求，HTML添加了很多显示功能，但是随着这些功能的增加，使得HTML越来越杂乱 HTML 页面也越来越臃肿，CSS便随之诞生 CSS 用于简化HTML标签，把关于样式部分的内容提取出来，进行单独的控制，使结构与样式分离开发。CSS 是以HTML为基础，设置网页的外观显示样式，如字体、颜色、背景的控制及整体的布局等，和HTML 类似 CSS也不是真正的编程语言，甚至不是标