如何在Dev-C++中给程序添加图标

HCIA复习-静态实验

  返回  

web入门知识点整理

2021/7/20 21:59:58 浏览:

目录

一、当代web开发应用

 二、初识前端

 三、web文件夹之间的关系

四、浅析web结构

五、盒子模型

六、css的引入方式

七、三种类选择器

八、标签

 九、浮动

 十、定位

十一、常见样式


一、当代web开发应用

 二、初识前端

 三、web文件夹之间的关系

四、浅析web结构

1.将建成的project文件夹拖拽至Sublime Test 中。
2.在index.html中 输入html + [ Tab ] 键,生成html基本结构。
3.在 title 标签中输入自己想要的网页的名字。
4.在 body 标签中的内容将被展示在网页中,这也是网页的主题内容
5.在文件中以浏览器的形式打开 index.html 就完成了第一个html入门代码.

五、盒子模型

1.div是没有具体含义意义的代码块,它的作用是做区域划分。

2.基本原则:大划小,小划更小。

5.1长,高,背景颜色

代码展示:

 成品展示:

5.2内边距和外边距

5.2.1内边距(padding)

 1.代码展示:

2.样品展示:红框画出来的是对盒子模型的分解。

 5.2.2外边距

塌陷现象出现的原因:父级元素是块元素,并且使用margin或者是margin-top时出现的现象。

解决的办法:

1.父级元素使用overflow:hidden;(首先推荐)

2.父级元素使用padding-top;(使用的时候会增加盒子模型的宽度,注意对应位置进行修改)

3.父级元素使用border属性。(同样也会增加盒子模型的宽度)

1.代码展示,样品展示:

5.3边框(boder)

1.代码展示:

2.样品展示:

六、css的引入方式

 展示:

七、三种类选择器

 代码样品展示:

 

八、标签

8.1块标签

8.2行标签

8.3行块标签

 九、浮动

9.1浮动的基本知识:

9.2浮动的特性:

 

9.3清除浮动的方法:

 十、定位

十一、常见样式

11.1文本

11.2字体

11.3背景

 

 

联系我们

如果您对我们的服务有兴趣,请及时和我们联系!

服务热线:18288888888
座机:18288888888
传真:
邮箱:888888@qq.com
地址:郑州市文化路红专路93号