自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 div样式之margin

<!-- 外边距(margin):盒子之间的距离--> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> .

2021-04-03 20:41:04 2131

原创 div的样式之padding

padding:内容和边框之间的距离设置padding宽度后,会发生在原有基础上发生扩张,背景颜色与div盒子的background-color相同。<!-- 内边距(padding):内容和边框之间的距离 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de

2021-04-03 20:17:48 2256

原创 div的css样式之border

边框border样式一共有三要素:width:是用来定边框厚度的。 style:边框样式,一些样式如下solid实线 dotted点状 double双线 dashed虚线color:设定边框颜色其中宽度和颜色可以省略,有默认值。如果设置好了div盒子的长宽,设置了border有一定厚度的时候,是会向外扩张的,整个盒子看起来都变大了。四边三要素 <!DOCTYPE html><html lang="en"><head> <me

2021-04-02 21:43:19 1699

原创 细致讲讲div盒子

初学的时候,对于‘盒子’这个概念十分的费解。再加上padding,border,margin就更崩溃了,不是自己能力不行,只是刚接触所以不太熟练啦!其实所谓的盒子布局,就像是收拾衣柜。买了好多的整理箱,整理盒,将想要收纳的东西放进整理箱里,具体放在柜子的那个地方都可以自己定。我们想要放在网页里的图片文字就像是我们要整理的东西,整理箱就是一个个盒子,我们可以随意的改变盒子的长宽,颜色,边框,就像是可以随意挑选整理箱的样式。...

2021-04-02 21:02:14 704

原创 理解css,div

css就是对html中的盒子进行样式上的规定,盒子大小颜色间距等等<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &lt.

2021-01-16 17:42:17 258 1

原创 理解html

html是用来布局的,如果在html里面添加样式就会显得很不专业。html标签的实质是盒子,盒子里面套盒子,最会呈现的是我们看到的界面。html布局的内容:文字:<h>,<p> 图片:<img> 超链接:<a> 等等html的标签都是有语义的,(除了<div>,<span>是专门用来布局的,<div>用于给其他盒子布局,<span>用于包含内容),类似于放水和菜用不同的容器。<!D

2021-01-15 13:42:48 1516 3

空空如也

空空如也

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

TA关注的人

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