经过这几天的学习,已经基本掌握制作静态网站的方法。第一节,老师让我们明白什么是html,为什么要学,该如何学习的三个问题给予我们回答。首先,什么是HTML,html是一种超文本语言,html属于前端技术,学好前端技术也有利于我们就业,但是前端技术,是垂直居中设置入门容易,精通难,需要下非常的功夫,才能学好这门技能。那如何学好html,一,学会翻看参考手册,了解有些属性。如(runoob.com)二.或者百度搜语法结构和布局。三,学会使用F12查找错误。四,多练习。我在学习过程中也出现了许多问题。如

一,居中问题。居中有两种居中,一是水平居中和垂直居中

(一)水平居中 :

1.行内居中:text-align:center

.header .header-center .header-nav ul li{float: left;width: 98px;text-align: center;height: 50px;/*垂直居中*/
    line-height: 50px;

2.块元素居中:margin:auto

(二)垂直居中:

1.用line-height

.center  .boss .center2 .center-top{height: 57px;width: 291px;

二,间隙问题
 
 display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。
.header .header-center .header-logo .logo-right .right2 ul li{display: inline-block;width: 70px;color: #ff8842;border-right: 2px solid #A7AFC5;margin-right: 10px;cursor: pointer;
三. 如何存一个网站的图片
首先在网址打开F12界面,然后左上角有按钮,点击变成蓝色后,在指引相应的你想要下载的图片地址,前面是本网页的地址加上图片的地址。

四,设置帮助快捷键

五.overflow: hidden;这个属性的作用是隐藏溢出,父块没有设置指定的高宽,当子块设置为浮动后,原本包裹子块的父块的高度塌陷消失,这时给父块设置overflow:hidden就能清楚浮动造成的影响,使父块重新包裹子块。

.header .header-center .header-logo .logo-right .right2{overflow: hidden;margin: 20px 0;

学习html的心得总结相关推荐

  1. 计算机音乐制作 体会心得,音乐软件制作的学习感受和心得体会

    音乐软件制作的学习感受和心得体会 一段音乐制作的学习历程,无疑开阔自己的眼界,虽已过了痴迷网络歌手吹拉弹唱样样精通的时期,但电脑音乐制作软件解开了自己心头的很多疑团,使自己对音乐制作有了更深刻的认识, ...

  2. 熬秃了头整理的网络工程师学习笔记和心得:传闻中的OSPF到底是什么

    目录 OSPF是什么? 关于ODPF的基本术语: Router ID选举规则如下 ospf支持的网络类型: OSPF报文类型: ![在这里插入图片描述](https://img-blog.csdnim ...

  3. 学习cairo的心得及资料

    最近一直忙于cairo渲染接口的封装,目前该任务已接近尾声,在此记录一下学习cairo的心得体会. cairo是linux系统上一款高质量2D图形渲染库,与Gdiplus库相比,其优势是支持绘制< ...

  4. 学习计算机在化学中的应用的心得,学习计算机多媒体技术心得体会

    随着科学技术的发展,特别是计算机技术的推广和普及,多媒体技术在课堂教学中得到了广泛的应用,体会. 一.中学教师特别是青年教师要善于学习.乐于学习计算机多媒体技术 计算机多媒体技术作为教学的一项辅助手段 ...

  5. 51单片机c语言学习感想,学习51单片机心得体会

    在这里给大家分享一下学习51单片机心得体会: 1.我从不说51是基础,如果我这么说,也请把这句话理解为微机原理是基础. 2.对51单片机的操作本质上就是对寄存器的操作,对其他单片机也是如此.库只是一个 ...

  6. matlab实验学习心得,matlab实验心得体会-学习matlab的心得体会

    matlab实验心得体会-学习matlab的心得体会 导语:通过对MATLAB的系统环境,数据的各种运算,矩阵的分析和处理,程序设计,绘图,数值计算及符号运算的学习,初步掌握了MATLAB的实用方法. ...

  7. 学习java的心得体会_学习java的心得体会范文.doc

    学习java的心得体会范文 篇一:JAVA学习的心得体会 ? 国家队每一次踢球失败后都要说这么一句:我们回去后要好好总结,下次会打得更好! ? 总结不代表就能改过原有的不足,也不代表就能进步了 ? ( ...

  8. 说一点学习python的心得

    本文非技术型文章,仅是一些学习python的心得.感悟,希望能帮到正在学习python的小白和小小白们. 选择合适的IDE 在这里不去争论哪一款IDE最好,只想对刚开始学习Python的同学说,请选择 ...

  9. sql要学mysql还是php,MySQL_与MSSQL对比学习MYSQL的心得(一)--基本语法,这一期主要是学习MYSQL的基本 - phpStudy...

    与MSSQL对比学习MYSQL的心得(一)--基本语法 这一期主要是学习MYSQL的基本语法,陆续还会有续期的文章,敬请期待 语法的差异 我这里主要说语法的不同 1.默认约束 区别:mysql里面DE ...

  10. Git 个人学习笔记及心得

    作为程序员如果你还不知道 Git 和 GitHub,说不过去吧,赶紧来学习一波. 一.认识GitHub Git 是个版本控制系统,说明白点就是进行代码的各种管理,比如你写错代码进行回滚啊.追寻 Bug ...

最新文章

  1. CoCos Creator打包各类问题总结
  2. java 序列化保存_保存到二进制/序列化Java
  3. C#中 类和结构 值类型和引用类型以及 值传递和引用传递
  4. 苹果手机怎么在照片上添加文字_手机照片如何添加花样文字?原来方法这么简单!...
  5. Python——python3的requests模块的导入
  6. 佳能ts9020墨盒不识别_佳能打印机哪一款性价比高 佳能打印机型号推荐【详解】...
  7. 奔小康赚大钱 HDU - 2255(最大权值匹配 KM板题)
  8. mybatis从0到1--学mybatis看这一篇就足够
  9. pert图java_项目管理之甘特图和工程网络图(PERT图)(一)
  10. 小学生python编程教程-Python适合小学生学的编程语言
  11. 前端 DFA 敏感词过滤
  12. Ultraedit删除空白行
  13. 微信小程序授权用户绑定手机号
  14. Android NDK——实战演练之使用Android Studio引用so库,jar包、module,aar以及导入Eclipse项目并使用JNI的正确姿势(一)
  15. 台式计算机怎么查是32位还是64位,Win7系统怎么看电脑是32位还是64位?
  16. 什么是git 暂存区
  17. 2021-09-10
  18. 苹果发布会:未来代替电脑的产品诞生了?
  19. 网络准入认证系统方案评估_七夕小子_新浪博客
  20. 爬虫实践:陕西招投标爬虫(三个网站)xpath封装并exe

热门文章

  1. python表情,python玩转emoji表情
  2. 史上最全的安卓WebView之WebSettings说明
  3. 愚人节的礼物(HDU1870)
  4. 三论 (信息论、控制论、系统论的合称)
  5. 操作OMF(Oracle Managed Files,Oracle管理的文件)
  6. 圆角矩形不是圆:圆角的画法和二阶连续性
  7. mongo数据库取并集
  8. 电脑键盘equals在哪个位置_电脑键盘符号
  9. windows bat系列9:for处理案例三 单行按指定分隔符分割
  10. SDUT 3386 小雷的冰茶几