自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 八、表格、表单

1.表格(table)在网页中表格可以用来表示一些格式化的数据表格相关的标签table用来创建一个表格trtr表示表格中的一行tdtd表示一个单元格表格的列数,由td最多的那行决定属性:colspan 横向的合并单元格rowspan 纵向的合并单元格thead表格头部,用来放头部的trtbody表格的主体,用来放主体的tr注意:如果创建表格时,没有指定tbody,则所有的td会自动添加到一个tbodytfoot表格的底部,用来放

2021-02-19 01:28:35 48

原创 七、字体、文本、背景相关样式

1.字体相关样式字体颜色color字体大小font-size相关单位em1em = 1个font-size(当前元素的font-size)rem1rem = 1个根元素的font-size行高文本在网页中都需要创建一个文本框,行高就是文本框的高度使用line-height来设置行高,文字默认是在行高中居中行高可以指定一个像素值,也可以指定一个整数,指定一个数字的话行高就会是字体的指定的倍数通过行高可以用来设置行间距:行间距 = 行高 -

2021-02-18 16:03:16 64

原创 六、定位

定位定位是CSS中一种高级的布局手段,通过定位可以将元素摆放到页面的任意位置。position的可选值:static 默认值,元素是静止的,没有开启定位relative 开启元素的相对定位absolute 开启元素的绝对定位fixed 开启元素的固定定位相对定位开启了相对定位的元素,如果不设置偏移量元素不会发生任何变化相对定位的元素不会脱离文档流相对定位不会改变元素的性质相对定位的元素会提升一个层级相对定位的元素是相对于自身在文档流中的位置进行定位的绝对定位

2021-02-18 15:03:40 59

原创 五、浮动、高度塌陷、clear

1.浮动浮动是一种比较传统的布局方式,通过浮动使元素向页面的左侧或右侧移动。使用float属性来设置元素的浮动可选值:none 默认值 元素不浮动left 元素向左浮动right 元素向右浮动浮动的特点:元素浮动以后会完全脱离文档流,其下的元素会自动上移设置浮动后元素会向页面的左侧或右侧移动浮动元素不会盖住没有浮动的兄弟元素,也不会浮出父元素的边框浮动元素不会超过他上面的没有浮动的兄弟元素,最多一边齐浮动元素不会覆盖文字脱离文档流:行内元素变成块元素

2021-02-18 14:01:00 62

原创 四、盒子模型

盒子模型在CSS中将每一个元素都设置成了一个矩形的盒子每一个盒子从内到外有以下几个部分组成内容区内容区相当于盒子的内部空间,所有的子元素都在父元素的内容区中存在使用width和height来这是内容区的宽度和高度内边距内容区和边框间的距离称为内边距一共有四个方向的内边距padding-toppadding-bottompadding-rightpadding-left简写属性:padding语法:padding:上右下左padding:上 左右 下p

2021-02-17 21:04:02 140

原创 三、列表、CSS、选择器

1.列表列表(list)列表主要用来表示多个并列关系的内容 有序列表 - 使用 ol 标签来创建一个有序列表 - 使用 li 标签来表示列表中的一个项 无序列表 - 使用 ul 标签来创建一个无序列表 - 使用 li 标签来表示列表中的一个项 列表之间可以互相嵌套,可以在一个有序列表中放一个无序列表,也可以在无序列表中放有序列表 定义列表 - 使用dl来创建定义列表 - 使用dt,来表示定义项

2021-02-09 00:00:44 76

原创 二、标签、路径、超链接

1.常用标签meta标签,表示网页中的一些元数据属性: name:要设施的数据的名字 content:要设置的数据的值 http-equiv:设置Http协议的响应头

2021-01-16 16:05:13 148

原创 一、基础

1.单位8bit = 1byte(字节)1024byte = 1kb(千字节)1024kb = 1mb(兆字节)1024mb = 1gb1024gb = 1tb……2.常见字符集:ASCIIISO8859-1GB2312GBKUTF-8(一般字符集都是用UTF-8)3.标准开头解释<!DOCTYPE html> <!-- 文档声明 告诉浏览器网页的版本 --><html lang="zh"> <!-- lang属性用来指定语言 --&g

2021-01-05 14:55:58 68

原创 高度塌陷

高度塌陷文章目录高度塌陷一、原因二、解决方法1、BFC1.1 示例代码2.clear2.1 示例代码三、总结一、原因高度塌陷:块元素的高度默认情况下是被子元素撑开的,  如果子元素浮动,将会完全脱离文档流,脱离文档流子元素无法撑起父元素高度,  将会导致父元素高度丢失,父元素一旦丢失页面的其他元素位置也会移动,导致布局的混乱二、解决方法1、BFCBFC(Block Format Context)块级格式化环境BFC是元素的一个隐藏的属性,一旦元素开了BFC它将会开启一个独立的布局的

2020-12-02 12:50:53 86

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除