前端开发之HTML,CSS

80 阅读1分钟

1.一点点常用HTML标签:

图片.png vscode快捷键真的很好用欸,基础格式,就直接HTML 5+tab/enter写某个元素,直接输入元素然后直接enter或者tab就好啦 比如要写一个块级元素就:div+tab 2.基础css css就像给人穿上漂亮的衣服,画好看的妆,然后让人变好看一样,css会让杂乱的网页变得有条理,清晰。 width:宽度 height:高度 background-color:底色 color:字体颜色 fout-size:字体大小 text-align:文本位置处理

示例:

图片.png 运行结果: 图片.png 3.css盒模型:

在 CSS 中,所有的元素都被一个个的“盒子(box)”包围着,理解这些“盒子”的基本原理,是我们使用 CSS 实现准确布局、处理元素排列的关键。

图片.png

像是这样

padding:限定边框大小

border:决定边框宽度以及颜色

margin:决定与周围边框的距离

例如:

图片.png

运行结果:

图片.png