头发收购商-CSDN博客

原创布局之定位的介绍

定位组成定位：将盒子定在某一个位置，定位即摆放盒子，按照定位的方式移动盒子定位=定位模式+边偏移定位模式用于指定一个元素在文档中的定位方式；边偏移则决定了该元素的最终位置。1、定位模式：通过position属性设置，语法为选择器 {position:属性值;} 属性值可分为以下四个：static 静态定位：按照标准流特性摆放位置，没有边偏移。relative 相对定位（自恋型）：元素在移动时相对于原来位置说的（参照点为原位置），原来在标准流的位置继续占有，后面的盒仍以标准流的方式对待

2021-12-05 14:02:51 197

原创网页布局的相关问题（float浮动、定位及浮动的清除）

网页布局问题（第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。）一、三种传统布局方式：普通流（标准流/文档流）：标签按照规定好的默认方式排列。1、块级元素独占一行，从上往下顺序排列，例如:常用元素 div、hr、p、h1~h6、ul、ol、dl、form、table等。2、行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行，例如：常用元素span、a、i、em等。浮动：定义：创建浮动框，将其移到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。语法：选

2021-11-28 09:15:49 409

原创 Bootstrap4--Jumbotron(超大屏幕）、信息提示框、按钮及分页相关知识点汇总

一、Jumbotron(超大屏幕）1、在 <div> 元素中添加 .jumbotron 类来创建 jumbotron2、创建一个没有圆角的全屏幕，可以在 .jumbotron-fluid 类里头的 div添加 .container 或 .container-fluid 类来实现。例如：<div class="jumbotron jumbotron-fluid"> <div class="container">.container和.container-fl

2021-11-20 08:07:21 1715

原创 Bootstrap4--网格系统、文字排版、颜色、表格、图像形状相关知识点汇总

一、网格系统1、网格类.col- 针对所有设备.col-sm- 平板 - 屏幕宽度等于或大于 576px.col-md- 桌面显示器 - 屏幕宽度等于或大于 768px).col-lg- 大桌面显示器 - 屏幕宽度等于或大于 992px).col-xl- 超大桌面显示器 - 屏幕宽度等于或大于 1200px)2、Bootstrap 4网格的基本结构（1）、创建相等宽度的列，Bootstrap 自动布局例：<div class="col" style="background-

2021-11-19 08:12:29 1021

原创 CSS3--基础知识点总结

一、 CSS3 边框圆角：border-radius如果你在 border-radius 属性中只指定一个值，那么将生成 4 个圆角。但是，如果你要在四个角上一一指定，可以使用以下规则：1.四个值: 依次为左上，右上，右下，左下2.三个值: 第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角3.两个值: 第一个值为左上角与右下角，第二个值为右上角与左下角4.一个值: 四个圆角值相同盒阴影：box-shadow边界图片：border-shadow二、CSS3 背景

2021-11-14 09:24:46 306

原创 CSS--选择器及背景知识点汇总

一、选择器1、基础选择器（单个选择器）标签选择器:选择的标签全变化类选择器:可以选择单个或者多个，用哪个调用哪个（口诀：样式点定义,结构类（class）调用,一个或多个,开发最常用)id选择器:只能调用一次,与类选择最大区别,即使用次数不同（口诀:样式#定义，结构id调用,只能调用一次）通配选择器:"*"选取所有元素或标签。2、复合选择器后代选择器:**元素1（空格)元素2 ｛样式声明}**注意:元素1为父,元素2为后代,可以是子也可以是孙。子选择器： **元素1>元素2

2021-11-06 21:15:19 94

原创 HTML--form标签及表格标签知识点汇总

一、表单（一)、form 标签1、form标签即为表单域，用于为用户输入创建表单<form>用户名：<input type="text"></form>(二)、form 标签元素form标签包含元素input 输入表单元素，select下拉表单元素，textarea 文本域元素。①input元素input之type属性：button:定义可点击按钮。checkbox：定义复选框。file：定义输入字段和“浏览”按钮，供文件上传。hidden：定

2021-10-31 09:23:18 417

m0_63341919的博客