CSS总结 CSS(Cascadig style sheet)：层叠样式表 选择器{属性1:值1;属性2:值2;……} CSS代码的引入方式 1.直接写在head标签里面 <head> <style> .c1{background-color:red;text-align:center;} </st ...
分类：
Web程序 时间：
2020-06-20 00:53:33
阅读次数：
60
1、盒子模型作用：盒子模型就是一个盒子，封装周围的html元素。允许我们在其他元素和周围元素边框的空间放置元素。2、组成：外边距（margin）：相邻的两个盒子margin，会发生折叠，可为负数边框（border）：内边距（padding）：实际内容（content）：百分比相对于父容器的conte ...
分类：
Web程序 时间：
2020-06-05 21:05:11
阅读次数：
93
从零开始的前端生活--css基础(盒子模型、height:100%) 4个盒子 当我们声明一个div，并赋予它的宽高为200*200px，padding为20px，margin也为20px，border为1px <div class = "container"></div> .container { ...
分类：
Web程序 时间：
2020-05-30 22:10:18
阅读次数：
135
CSS盒模型 CSS盒模型本质上是一个盒子，封装周围的 HTML 元素，包括 外边距（marign），边框（border），填充（padding），内容物（content） 盒子模型的类型：W3C 标准和模型和 IE 盒模型（怪异盒模型） W3C 标准盒模型：属性 width 和 height 只包 ...
分类：
Web程序 时间：
2020-05-30 01:15:24
阅读次数：
68
盒子模型又叫框模型，包含了五个用来描述盒子位置、尺寸的属性，分别是宽度width、高度height、内边距padding、边框border、外边距margin 盒子实体化三属性 如果想具体看到一个盒子占有的实际位置，需要设置盒子可以实例化的三个属性。 宽度: width 高度: height 属性值 ...
分类：
Web程序 时间：
2020-05-28 12:49:17
阅读次数：
65
边框属性 1 <style> 2 div{ 3 border-style: solid; 4 border-color: red; 边框颜色 5 border-width: 5px; 6 width: 200px; 7 height: 200px; 8 border: 10px solid char ...
分类：
Web程序 时间：
2020-05-25 00:25:39
阅读次数：
72
css盒子模型用于处理元素的内容、内边距、边框和外边距的方式简称。元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。 内边距、边框和外边距都是可选的，默认值是零。但是，许多元素将由用户代 ...
分类：
Web程序 时间：
2020-05-23 16:23:19
阅读次数：
46
一、HTML相关 前端介绍 HTML介绍 二、CSS相关 前端之CSS——CSS选择器 前端之CSS——盒子模型和浮动 前端之CSS——属性和定位 css3中@font-face模块自定义字体 CSS页面布局单位总结 三、JavaScript相关 JavaScirpt(JS)——js介绍及ECMAS ...
分类：
其他好文 时间：
2020-04-25 10:56:05
阅读次数：
62
css盒子模型 外边距 margin 定义方式 1. 单独定义一边 margin top：定义盒子顶部的边距 margin bottom：定义盒子底部的外边距 margin left：定义盒子左边的外边距 margin right：定义盒子右边的外边距 2. 复合定义 margin：上 左 下 右； ...
分类：
Web程序 时间：
2020-04-05 22:25:03
阅读次数：
105
border-style的值：none无dotted点状dashed虚线solid实线double双实线margin：垂直方向两个相邻元素都设置了外边距，那么外边距会发生合并合并高度=两个发生合并的外边距中的较大值元素的实际高度=上边框+上内边距+内容高度+下内边距+下边框元素在页面中实际所占的高度是：上外边距+上边框+上内边距+内容高度+下内边距+下边框+下外边距hover属性实现鼠标悬停时显示
分类：
Web程序 时间：
2020-04-04 00:20:41
阅读次数：
113
