下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:html常用标签、包含关系、常用术语,以及网页设计中的字体分类

作者:开窍     来源: https://www.cnblogs.com/qq9836/p/11612219.html点击数:1140发布时间: 2020-03-05 11:37:49

标签: 图像html网页设计

Web开发

  网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

  字体的分类:

  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

  网页设计主要以adobe产品为主,常见的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代码工具,其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

赞(14)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程