- 博客(6)
- 收藏
- 关注
原创 媒体查询的使用
现在正规的流行的网页,往往会有很多跨设备的用户去使用这个网页,设备的很多属性都会有不同,这里仅仅以尺寸属性来分的话,PC,平板,手机,而为了各种设备上用户的浏览使用需求,只有一套CSS样式可不行,得根据这些设备的尺寸大小来设置不同的样式,这就用到了媒体查询。 主页面的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-eq...
2021-09-27 20:06:41 198
原创 嵌套div里子元素div使用margin可能遇到的问题
在使用嵌套div时,如果子元素设置了margin的属性,有时会使父元素一起移动,例如 可以看到两个div一起向下移动了,并没有达到子div在父div里面向下移动 50px的效果,要解决这种情况,可以给父元素增加一个边框的属性 比如 可以看到效果出来了 还可以给父元素的样式代码里设置一个overflow:hidden,一样可以解决这个问题 也可以给父元素设置一个有效的padding (这里的有效指的是要给一个padding值,不能设置为none和hidde...
2021-09-16 17:08:48 598
原创 Css的两种盒模型
在进行网页的搭建时,通常会用到很多的标签,可以形象的把这些标签看成是一个个矩形,这些矩形盒子搭建成了网页。在描述盒子模型前先来介绍一下盒子的一些属性。 盒子通常指的是块元素(但是行内元素在浏览器的查看器内也会出现盒子模型的图片),一个完整的盒子由四个部分组成,它们分别是: margin 外边距 代表盒子四周的区域。相邻元素的边距会合并 border 边框 设定介于padding的外边缘与margin的内边缘之间,默认值为0 padding 内边距 ...
2021-09-15 20:17:49 1134
原创 使用HTML写一个简历表格
代码实现的效果如下: 代码如下: <!DOCTYPEhtml> <html> <head> <title>填写个人简历</title> </head> <body> <tableborder="1"align="center"width="1050"height="800"bordercolor="black"> <caption> ...
2021-08-30 19:48:19 6012 1
原创 初学HTML
1.HTML是什么? HTML是HyperText Markup Language(超文本标记语言),它不是一种编程语言,而是一种标记语言,用于告诉浏览器如何构造你的页面。它可以由一系列HTML元素组合成web开发人员想要的简单或者复杂的页面。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。HTML也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安
2021-08-04 19:50:02 246
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人