元素特点:

块状元素

  • 在页面中以矩形区域显示。
  • 自上而下排列,独占一行
  • 可以直接添加宽高
  • 一般情况下,作为其他元素或内容的容器

行内元素

  • 在页面中最小单位也是矩形。
  • 在一行内逐个排列。
  • 不可以直接添加宽高,大小是由内容撑开的。
  • 内联元素也符合盒模型的规则,但是个别属性会出现问题(padding-top/bottom margin-top/bottom)
  • 内联元素在一行内排列的时候,之间有间距

行内快元素

  • 可以设置宽高。
  • 默认情况下,在一行内逐个显示,之间有间距。
  • 当前元素的display值为inline-block时,能支持vertical-align属性。

常用元素:

块状元素:

标签 作用
div 最常用的块级元素
dl 和dt-dd 搭配使用的块级元素
form 交互表单
h1 -h6 标题
hr 水平分隔线
ol 有序列表
p 段落
ul 无序列表
li 列表标签
fieldset 表单字段集
colgroup-co 表单列分组元素
table-tr-td 表格及行-单元格

行内元素:

标签 作用
a 超链接(锚点)
b 粗体
br 换行
i 斜体
em 强调
img 图片
input 输入框
label 表单标签
span 常用内联容器,定义文本内区块
strong 粗体强调
sub 下标
sup 上标
textarea 多行文本输入框
u 下划线
select 项目选择

行内块元素:

标签 作用
input 表单标签
img 图片标签

元素类型转换:

display属性
作用:检索或者设置元素生成的盒模型类型。

常用属性值

  • display:block;
    作用:将元素转成块状元素,拥有块状元素特点。
    补充:大部分块状元素,默认的display的值都是block;

  • display:inline;
    作用:将元素转成内联元素,拥有内联元素的特点。
    补充:大部分内联元素,默认的display的值inline;

  • display:none;
    作用:将当前隐藏,并不占据空间。

后话

对于面试,说几句个人观点。

面试,说到底是一种考试。正如我们一直批判应试教育脱离教育的本质,为了面试学习技术也脱离了技术的初心。但考试对于人才选拔的有效性是毋庸置疑的,几千年来一直如此。除非你有实力向公司证明你足够优秀,否则,还是得乖乖准备面试。这也并不妨碍你在通过面试之后按自己的方式学习。

其实在面试准备阶段,个人的收获是很大的,我也认为这是一种不错的学习方式。首先,面试问题大部分基础而且深入,这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义,但它的意义就在每天的谈话间。

所谓面试造火箭,工作拧螺丝。面试往往有更高的要求,也迫使我们更专心更深入地去学习一些知识,也何尝不是一种好事。

web开发学习什么,前端开发+培训相关推荐

  1. 前端开发学习之一------前端开发是什么以及我们要学什么

    1.web前端开发工程师是做什么的 简单地说,就是要与网站打交道 2.成为一名web前端工程师需要具备的条件 ①兴趣 ②敲代码(实践.需要去练习) 3.Web前端开发工程师需要学习什么(重点:HTML ...

  2. 听红宝书译者谈Web视角下的前端开发

    Web视角下的前端开发 ⏳序言 ⏰一.关于前端开发 1. 起源.架构.变迁 (1)起源 (2)架构 (3)变迁 2. 前端应用的领域 (1)所面向群体 (2)所面向领域 3. 语言.框架.工具 4. ...

  3. 前端中什么是中台开发环境_Web前端开发中需要学习什么?会使用到哪些开发工具?...

    今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水.下面和千锋广州小编一起来看看吧! ​前端工程师的主要职责: 前端工程师在不同的公司有不同的 ...

  4. 前端游戏开发和h5前端开发_人们不告诉您有关前端开发的10件事

    前端游戏开发和h5前端开发 介绍 (Intro) Front-end development involves the building of webpages and user interfaces ...

  5. 恩施软件开发人员每月多少钱_恩施软件开发学习,恩施软件开发学习哪家好,恩施软件开发学习一般能拿多少工资...

    恩施软件开发学习,恩施软件开发学习哪家好,恩施软件开发学习一般能拿多少工资 首页 > 软件 > 恩施软件开发学习 作者:镀金池   发布时间:2017-11-22 18:54 因为cent ...

  6. 前端小白该如何学习?前端开发工程师掌握哪些能力

    前端开发是目前比较火爆的行一之一,很多小白.择业者.大学生都会选择前端开发作为职业生涯的一个规划,近年来前端开发发展前景也是比较不错的,薪资也非常可观,在一线城市高级前端开发月工资也能达到30~50k ...

  7. 最新《北风网web全栈教程 前端开发全套教程》

    教程目录: 1-1初级教程 入门必备 - 新手学HTML+CSS 1-2初级教程 入门必备 - PS技法与切片技术 1.熟悉Photoshop基本知识 2.Photoshop工具的使用 3.Photo ...

  8. 顾川的前端学习笔记--前端开发基础

    阶段一前端开发基础 初始HTML 本阶段重难点 3.29小时40小节4个模块 CSS选择器 盒模型 CSS三大特性 浮动和清楚浮动 CSS四种定位 CSS进阶 CSS3 前端工程师需要会的PS取图 案 ...

  9. java web打包神器_前端开发人员的桌面应用神器 Electron

    原标题:前端开发人员的桌面应用神器 Electron 01 为什么用 Java 来开发桌面应用? 曾经的 Java 脆弱.简陋.甚至有被边缘化的危险,不过 Java 在经过了两次飞跃后(以 V8 为首 ...

  10. 小程序开发之【前端开发】【学习第二节】【一】

    学习前必须了解的: 得了解到小程序视图层WXML,WXSS,以及逻辑层JS,这些是小程序开发的核心内容. 小程序框架将整个系统划分为视图层和逻辑层,视图层由框架设计的标签语言(WeiXin Marku ...

最新文章

  1. 普通平键的主要尺寸有_餐厅放多大尺寸的餐桌合适?这几种尺寸,适合所有户型...
  2. acwing算法题--二维费用的背包问题
  3. 看django视频笔记
  4. 05.MyBtais两种取值符号以及输入参数和输出参数
  5. python 爬虫难吗_python写爬虫难吗
  6. 小学计算机教室管理制度范本,《中小学微机室规章制度》.doc
  7. oracle ^]字符,oracle数据中特殊字符处理
  8. vs2019MSDN(离线帮助文档)的下载与使用
  9. 欺骗的艺术.资料搜集自互联网.
  10. 物业服务的品质、成本与四保一服的数字化方法
  11. 手机移动端WEB资源整合
  12. CORBA、ACE、TAO之间的关系
  13. 用C语言求最小公倍数和最大公约数
  14. JDK下载安装及环境变量配置指南(Window系统)
  15. 终于懂了汇编代码为什么从键盘上输入字符,将该字符的ASCII显示在屏幕上必须要加30或37(附汇编代码)
  16. 掩膜裁剪tif步骤_ENVI中掩膜掩膜操作及影像分类教程(转)
  17. 高效学习-端正学习态度
  18. 独家专栏 | 为什么国外的无人驾驶原型车,都选择混动车型?
  19. poi使用模板导出word带图片
  20. python 获取字符串MD5值

热门文章

  1. [firefox浏览器插件]记录一下自己经常用的插件
  2. 【转】分享天涯潮女最爱的10个女性网站,强烈建议收藏!
  3. MTK 3G/4G行业设备解决方案MTK8735 核心板4G 全网通4核64位 物联网方案LTE模块
  4. java编程,字符流BufferedReader,读取一行数据。finally,readLine
  5. IDEA中pox.xml文件添加依赖爆红了
  6. java 两个日期之间相差的天数计算
  7. Java 字符串转Map
  8. [sdx12] SDX12 IPA初始化出现Direct firmware load for ipa/ipa_fws.elf failed with error -2问题分析
  9. [转]王兴再创业——社会化的电子商务怎么做
  10. 软件构造期末复习错题和高频知识点