CSS字体样式的使用,CSS盒子模型居中方法

2021年09月15日 阅读数:1
这篇文章主要向大家介绍CSS字体样式的使用,CSS盒子模型居中方法,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

HTML中标签元素三种不一样类型:块状元素,行内元素,行内块状元素。前端

块级元素:

  • 独占一行,宽度和父元素宽度同样宽(默认)
  • 能够设置宽高
  • 设置的width属性和元素的宽度(width+padding2+border2+margin2)是两回事(盒子模型)
  • 若是没有设置高度,高度由内容撑开
  • 块级元素能够包裹别的元素。p标签尽可能不要包裹别的块级元素

经常使用的块级元素:git

  • <div> </div>
    块级的块标签,用于在效果中 定义一块;
  • <p> </p>
    段落标签,用于展现效果中划分段落;
  • <h1>.....<h6>
    标题标签,用于展现效果中划分标题;
  • <ol> </ol>
    有序列表标签,用于在效果中定义一个有序列表
  • <ul> </ul>
    无序列表标签,用于在效果中定义一个无序列表;
  • <dl> </dl>
    引发定义列表;
  • <table></table>
    表格标签,用于在效果中定义一个表格;
  • <form></form>
    指定所包含控件在表单中起做用。

行内元素:

  • 能够和别的标签共享一行,标签的宽度和高度由内容决定
  • 不能设置宽高,外边距和内边距部分可控制(盒子模型)

经常使用的行内元素:程序员

  • <a> </a>
    超连接标签,用于在效果中定义一个能够点击跳转的连接;
  • <span></span>
    行级的块标签,用于在效果中 一行上定义一个块,进行内容显示;
  • </br>
    换行;
  • <i>
    指定文本应以斜体渲染,若可用的话;
  • <em>
    强调文本,一般以斜体渲染;
  • <strong>
    以粗体渲染文本;
  • <label>
    为页面上的其它元素指定标签;
  • <q>
    分离文本中的引语;
  • <cite>
    用斜体显示标明引言;
  • <code>
    指定代码范例;
  • <var>
    定义编程变量。一般以斜体渲染;

行内块级元素:

  • 能够和别的元素共享一行,宽高由内容决定(默认)
  • 能够设置宽高
  • 注意:行内块级元素并排显示的时候,两个行内块级元素之间默认有一个间隔
  • 取消行内块级元素之间的空格:

(1)给行内元素的父元素设置字体大小为0px(行内元素的内容没法显示,行内元素之间的空格也没法显示)
(2)给行内元素设置合理的字体大小(行内元素的内容就能显示了)面试

经常使用的行内块状元素:编程

  • <img></img>
    图片标签,用于在页面效果中展现一张图片;
  • <input></input>
    建立各类表单输入控件。

总结

面试前要精心作好准备,简历上写的知识点和原理都须要准备好,项目上多想一想难点和亮点,这是面试时能和别人不同的地方。markdown

还有就是表现出本身的谦虚好学,以及对于将来持续进阶的规划,企业招人更偏心稳定的人。ide

万事开头难,可是程序员这一条路坚持几年后发展空间仍是很是大的,一切重在坚持。学习

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】字体

前端面试题汇总spa

CSS字体样式的使用,CSS盒子模型居中方法

JavaScript

CSS字体样式的使用,CSS盒子模型居中方法

前端资料汇总

CSS字体样式的使用,CSS盒子模型居中方法