HTML+css - 随笔分类 - 飄落的葉子

定位

摘要：1、定位：将元素固定到指定的位置上，包括定位模式和边偏移定位模式：静态定位相对定位、绝对定位、固定定位边偏移：顶、左、右、底（top,left,right,bottom）（1）相对定位: 相对于元素本身位置 position: relative; top: 30px； left:100p 阅读全文

posted @ 2020-08-16 21:09 飄落的葉子阅读(141) 评论(0) 推荐(0)

css补充

摘要：叠放次序：z-index：数字 1、z-index 默认属性值是0，取值如越大，定位元素在层叠元素中越居上 2、如果取值相同，则根据书写顺序，后来居上 3、z-index 后数字不能加单位 4、只有相对定位、绝对定位、固定定位有此属性，标准流、浮动、静态定位都无此属性，故不可指定该属性。显示与隐藏阅读全文

posted @ 2020-08-16 21:05 飄落的葉子阅读(76) 评论(0) 推荐(0)

css的布局与版心布局

摘要：css版心布局 1、css中的布局有：常见的布局方式：固定布局、流式布局、弹性布局、浮动布局、定位布局、margin和padding 2、多种等高布局 a. 假等高列：使用背景图片，在列的父元素上使用这个背景图进行Y轴的铺放，从而实现一种等高列的假像 b. 给容器div使用单独的背景色（固定布局）阅读全文

posted @ 2020-08-16 20:44 飄落的葉子阅读(200) 评论(0) 推荐(0)

背景

摘要：背景 1、背景：背景色、背景图 2、背景色 (1) 、英文单词 (2) 、十六进制 #ff0000; (3) 、 RGB 红绿蓝 (4) 、rgba 红绿蓝透明度 rgba(255, 0, 0, 0.5); ① 取值范围0-1 ② 1是完全不透明，0是完全透明 (5) 、补充透明度 opacity 阅读全文

posted @ 2020-08-16 20:32 飄落的葉子阅读(177) 评论(0) 推荐(0)

浮动与清除浮动

摘要：浮动：float:left/float:right 标准流（文档流）：元素按部就班按照自身的特性排列。浮动：元素会脱离标准普通流的控制，移动到指定位置的过程结论（浮动的特征）：浮动后的元素会脱离标准流，漂浮在其他没有浮动的盒子上边浮动后的元素不占有原来的位置浮动后的两个块状元素会在同一行显阅读全文

posted @ 2020-08-16 20:22 飄落的葉子阅读(114) 评论(0) 推荐(0)

盒子模型

摘要：盒子模型之边框 1、CSS的三大重点：盒子模型、浮动、定位 2、盒子模型：内容、边框、外边距、内边距 3、网页布局本质：拼接盒子的过程 div +CSS 4、边框 (1) 、边框属性：边框厚度、边框的颜色、边框的线条样式 (2) 、边框厚度：border-top-width（上） (3) 、边阅读全文

posted @ 2020-08-16 20:00 飄落的葉子阅读(100) 评论(0) 推荐(0)

css三大特性

摘要：1、三大特性：层叠性、继承性、优先级 2、层叠性：就近原则 (1) 、同类种选择器,第二个选择器相同样式会覆盖第一个选择器 (2) 、在同一个选择器中，相同的属性，以最后一个为准 3、继承性:所谓继承性是指书写CSS样式表时，子标签会继承父标签的某些样式。 4、优先级： a) 在同一个元素中 !i 阅读全文

posted @ 2020-08-16 19:53 飄落的葉子阅读(87) 评论(0) 推荐(0)

css 选择器以及块状元素行内元素行内块元素的转换

摘要：知识点一：选择器 1、选择器：通过标识选择指定的元素，那么这个标识就是选择器 2、组成：基本选择器：标签选择器、ID选择器、类名选择器、多类名选择器、通配符选择器复杂选择器：子代选择器、后代选择器、交集选择器、并集选择器伪类选择器： :link :hover :active :visited 阅读全文

posted @ 2020-08-16 19:48 飄落的葉子阅读(672) 评论(0) 推荐(0)

css初始

摘要：为什么要用CSS:使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿 CSS：（网页美颜相机）层叠样式表作用：用来美化网页的样式表样式表：行内样式表内部样式表外部样式表行内样式表（内联样式表）：内嵌的标签中，通过style style是标签的属性、属性值是多个样式 px:像素单位阅读全文

posted @ 2020-08-16 19:45 飄落的葉子阅读(78) 评论(0) 推荐(0)

html表格和表单

摘要：知识点一：表格 1、表格标签 table 2、表格的组成行 tr 单元格 td 3、建立表格步骤 1、建立表格， 2、判断行数和列数 3、用行去包含单元格 4、在每个单元格中去添加内容 4、表格的各大属性 cellspacing：边框与边框之间的距离 cellpadding:单元格内容与边框之间的阅读全文

posted @ 2020-08-16 17:44 飄落的葉子阅读(88) 评论(0) 推荐(0)

html初始

摘要：1、开发工具编辑器： dw：省事儿、控件的拖动 sublime:文艺青年喜欢用 webstorm:编辑快速 Hbuilder:快、生成安装包 Vscode:逻辑性高、各个公司都用（最终选择它）五大主流浏览器：火狐浏览器 ————因为内核不同 Geoko 谷歌浏览器（最终选择它） (之前是Webk 阅读全文

posted @ 2020-08-16 17:24 飄落的葉子阅读(74) 评论(0) 推荐(0)

随笔分类 - HTML+css