1. 编程比较舒适的等宽字体:DejaVu Sans Mono

字体的分类:

serif (衬线字体){在笔画上面有些特殊的修饰效果}

sans-serif (非衬线字体){横平竖直.横就是横,点就是点}

monospace ( 等宽字体)

cursive ( 草书字体)

fantasy (虚幻字体)

以上这些分类都是一些大的分类, 并没有涉及具体的类型,如果将字体指定为这些格式,浏览器会自己选择指定类型的字体。一般情况在指定字体的时候.把分类名称放到最后面当备用字体

html标签

html标签的语义:

<div>,<span>没有任何默认样式和语义

<b>(加粗),<i>(斜体) 有默认样式  没有任何语义

<small>  有默认样式 h5中语义:用来表示一些细则,比如合同中的小字,版权声明等

<big>有默认样式 无语义 已淘汰

<cite>有默认样式 可以指明某内容的引用或参考,例如文章,图书,电影,标题,书名  例:<p><cite>《七龙珠》</cite>讲的是....<p>

<q>(行内引用)表示一个短的引用  例如 <p>孔子曰:<q>学而时习之</q></p>  有默认样式,浏览器会自动加一个引号

<blockquote>(块状引用)表示一个长的引用  例如 <p>孔子曰:<blockquote>学而时习之</blockquote></p>  有默认样式,浏览器会自动加一个引号

<sup>设置上标   比如 2<sup>2</sup>  则浏览器会显示2的2次方  或者可以加个a标签作为小备注

<sub>设置下标

<del>删除线

<ins>  表示插入的内容  浏览器会自动加上下划线

<pre>预格式标签  常用语代码的显示

<code> 仅仅语义表示这里面是一段代码,但是格式并不会保留.所以通常与 pre标签配合使用

ul,li无序列表

ol,li有序列表

dl,dd,dt 定义列表

注意:

一般情况下只会使用块元素包裹行内元素,而不会用行内元素包裹块元素

a 标签可以包裹任意元素,除了它本身(无论是块元素还是行内元素)

p元素不能包含其他的任何块元素

元素与元素之间的关系:

元素与元素之间的关系:

父元素:直接包含子元素的元素

子元素:直接被父元素包含的元素

祖先元素:直接或间接包含后台元素的元素(父元素也属于祖元素)

后台元素:直接或间接被祖元素包含的元素(子元素也是后台元素)

兄弟元素:拥有相同父元素的元素叫做兄弟元素

什么是伪类:

伪类专门用来表示元素的一种特殊的状态

比如 访问过的超链接,焦点文本框

什么是伪元素

伪元素用来表示元素中的一些特殊的位置

html中em单位是什么意思

和百分比类似,它是相对于当前元素的字体大小来计算的.1em=1个font-size

原文地址:http://www.qingzhouquanzi.com/100.html

笔记来源于 b站 尚硅谷 html5课程103集

html常用标签、包含关系、常用术语,以及网页设计中的字体分类的更多相关文章

  1. Photoshop在网页设计中的应用与方法

    1.图像局部截取和图像尺寸调整 做网页设计时经常要用到的某张图像一部分,这就需要截取图像的局部.图像局部截取的方法很多,但使用Photoshop操作起来更方便.具体操作步骤如下: (1)在Photos ...

  2. <转载>网页设计中的F式布局

    地址:http://www.uisdc.com/understanding-the-f-layout-in-web-design 网页设计中的F式布局 今天我们来重点介绍网页设计中的F式布局.传统的布 ...

  3. 网页设计中11 款最好CSS框架

    网页设计和发展领域已经成为竞争激烈的虚拟世界.想要在网络的虚拟世界中生存,仅有一堆静止的在线网络应用是远远不够的,网页必须要有很多功能,配以让人无法抗拒的设计.网页编码一定要合适.精确,才能保证不发生 ...

  4. 网页设计中常用的19个Web安全字体

    来自http://www.jb51.net 在Web编码中,CSS默认应用的Web字体是有限的,虽然在新版本的CSS3,我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体.但多数情况 ...

  5. 网页设计中常用的Web安全字体

    但多数情况下,考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现CSS的编写,这里整理了19个Web安全字体,让你无需任何顾虑的情况下畅快使用. 1,  Arial 微软公司的网页核心字体 ...

  6. 详解CSS网页布局中默认字体样式

    浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏 ...

  7. 教你避雷!网页设计中常见的17个UI设计错误集锦(附赠设计技巧)

    以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 精心设计的用户界面对网站意义重大.具备所有最新功能和响应式设计有助于提高网站的搜索引擎排名,从而增加受众 ...

  8. WEB安全字体(Web Safe Fonts)-网页设计用什么字体兼容性好?

    效果:http://sandbox.runjs.cn/show/qgdljvh4 1 Arial微软公司的网页核心字体之一,最常用的sans serif字体,当字号很小时不容易阅读.但是,大写的“I” ...

  9. HTML网页设计中 link 和 @import 的区别

    页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import.外部引用CSS两种方式link和@import的方式分别是 ...

随机推荐

  1. 【CodeChef】LECOINS(同余最短路,背包DP)

    题意:给定n个物品,每个物品可以取无限次,每个物品有两种属性:价值v和颜色c 现在有q个询问,每次询问是否能取出价值和为S的方案,如有多解输出不同颜色种数的最大值 题意:看到BZOJ评论区有好心人说C ...

  2. 在Eclipse中搭建Android开发环境

    忙活了两天多的时间,终于在Eclipse中成功搭建了Android开发环境,着实不易啊!! 原本我用的编译器是MyEclipse的,但是从网上找不到如何在MyEclipse中搭建环境,于是乎就换了Ec ...

  3. CSS 阴影应用

    1.背景阴影的使用 box-shadow:1px 1px 1px 1px #ccccccc inset; 说明:第一个参数为水平阴影的大小.第二个为垂直阴影的大小(值可以为负数).第三个参数是阴影模糊 ...

  4. java 根据省份证号-判断省份-性别-生日

    package com.nf147.manage.Test; import java.text.ParseException; import java.text.SimpleDateFormat; i ...

  5. React Native商城项目实战07 - 设置“More”界面导航条

    1.More/More.js /** * 更多 */ import React, { Component } from 'react'; import { AppRegistry, StyleShee ...

  6. 一、基础篇--1.1Java基础-反射的用途和实现

    https://blog.csdn.net/SongYuxinIT/article/details/81872066 反射的核心是JVM在运行时才动态加载类或调用方法/访问属性,它不需要事先(写代码的 ...

  7. Type.MakeGenericType 方法 (Type[]) 泛型反射

    替代由当前泛型类型定义的类型参数组成的类型数组的元素,并返回表示结果构造类型的 Type 对象. 命名空间:   System程序集:  mscorlib(mscorlib.dll 中) public ...

  8. JUnit@Before失效

    在学习Shiro的过程中需要使用到JUnit@Before注解配合测试,但是无论如何,@Before下面的方法都不按照预期的执行,困扰良久,后来各种百度终于找到根源,今分享于诸公,望能解诸公之急: J ...

  9. 动画演示 Delphi 2007 IDE 功能[2] - 定义变量

    https://my.oschina.net/hermer/blog/319152 动画剧本: 第一个变量: 输入: var; 然后执行 Ctrl+J ... 回车 第二个变量: 执行 Ctrl+J; ...

  10. oracle data guard --理论知识回顾01

    之前搭建了rac到单实例的dg环境,最近又在windows下搭建了dg,这一篇关于dg的一些理论知识回顾 官方文档 https://docs.oracle.com/cd/E11882_01/nav/p ...