- 博客(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> <.
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关注的人