摘要: 盒子模型 首先,我们来看一张图,来体会下什么是盒子模型。 所有的文档元素(标签)都会生成一个矩形框,我们成为元素框(element box),它描述了一个文档元素再网页布局汇总所占的位置大小。因此,每个盒子除了有自己大小和位置外,还影响着其他盒子的大小和位置。 盒子边框(border) 语法: 边框 阅读全文
posted @ 2019-10-16 21:37 不要找借口 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 块级元素(block level) 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。 霸道 块级元素的特点: (1)总是从新行开始 (2)高度,行高、外边距以及内边距都可以控制。 (3)宽度默认是容器的100% (4)可以容纳内联元素和其 阅读全文
posted @ 2019-10-16 20:57 不要找借口 阅读(182) 评论(0) 推荐(0) 编辑
摘要: CSS 三大特性 层叠 继承 优先级 是CSS 必须掌握的三个特性。 CSS层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉 比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜 阅读全文
posted @ 2019-10-16 20:50 不要找借口 阅读(172) 评论(0) 推荐(0) 编辑
摘要: CSS背景(background) | 属性 | 描述 | | : : | : : | | background color | 规定要使用的背景颜色。 | | background image | 规定要使用的背景图像。 | | background size | 规定背景图片的尺寸。 | | b 阅读全文
posted @ 2019-10-16 20:47 不要找借口 阅读(108) 评论(0) 推荐(0) 编辑
摘要: CSS文本样式属性 line height 行间距 ine height属性用于设置行间距,就是行与行之间的距离,即字符的垂直间距,一般称为行高。line height常用的属性值单位有三种,分别为像素px,相对值em和百分比%,实际工作中使用最多的是像素px 一般情况下,行距比字号大7.8像素左右 阅读全文
posted @ 2019-10-16 20:32 不要找借口 阅读(183) 评论(0) 推荐(0) 编辑
摘要: CSS字体样式属性 font size 字体大小 | 相对长度单位 | 说明 | | : : | : : | | em | 相对于当前对象内文本的字体尺寸 | | px | 像素(常用) | | 绝对长度单位 | 说明 | | cm | 厘米 | | mm | 毫米 | | pt | 点 | | i 阅读全文
posted @ 2019-10-16 20:23 不要找借口 阅读(162) 评论(0) 推荐(0) 编辑
摘要: [TOC] 基本选择器 标签选择器 类选择器 ID选择器 通用选择器 组合选择器 后代选择器 儿子选择器 毗邻选择器 弟弟选择器 并集选择器 交集选择器 交集选择器 是 并且 的意思(使用比较少) 属性选择器 选择带有 target 属性所有元素 选择 target="_blank" 的所有元素 选 阅读全文
posted @ 2019-10-16 17:28 不要找借口 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 1 css介绍 CSS层叠样式表(英文全称: C ascading S tyle S heets) CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。 CSS以HTM 阅读全文
posted @ 2019-10-16 16:50 不要找借口 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 标签嵌套规则 块元素可以包含内联元素个某些块元素 内联元素不能包含块元素 块级元素不能放在p标签里面 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是: 阅读全文
posted @ 2019-10-16 11:04 不要找借口 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 标签分类 块状标签 行内标签 行内块状标签 块状标签特点:display:block 1. 每个块级元素都从新的一行开始,并且其后的元素也另起一行。 独占一行 2. 元素的高度、宽度、行高以及顶和底边距都 可设置 3. 元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设 阅读全文
posted @ 2019-10-16 10:53 不要找借口 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 1 表格标签 table 2 表单标签 form 表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等 表单用于向服务器传输数据 阅读全文
posted @ 2019-10-16 10:41 不要找借口 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 1 标题标签 h1~h6 html <!DOCTYPE html 测试 一级标题 h1为最大标题标签 二级标题 三级标题 四级标题 五级标题 六级标题 文本样式标签主要用来对HTML页面中的文本进行修饰,比如加粗、斜体、线条样式等... 1、 :加粗 2、 :斜体 3、 :下划线 4、 :删除线 5 阅读全文
posted @ 2019-10-16 10:15 不要找借口 阅读(135) 评论(0) 推荐(0) 编辑