静态布局字体标签

1.<font></font>
  font标签的属性:

size 设置字体大小 size="5"
face 设置字体名称 face="Times"
color 设置字体颜色 color="red"

2.字体格式化
  1、

标记元素 作用
<b>..</b> 标记中的文本字体加粗
<i>..</i> 标记中的文本斜体
<u></u> 标记中文本加下划线
<big></big> 标记中文本字体以较大字体显示
<small>..</small> 标记中文本字体以较小字体显示
<strike>..</strike> 标记中的文本加横贯文字的删除线
   
   
   

  2.逻辑类型标记元素

<em></em> 强调标记中文本,一般显示斜体
<strong></strong> 强调标记中文本,一般显示粗体
   

3.常见的特殊字符代码

特殊字符 字符代码  
< &lt  
> &gt  
& &amp  
空格 &nbsp  

4.常用的简单标签
标题标签
    h1~h6   h1只能在页面出现一次   出现多次不利于我们的页面排名 多的认为作弊
控制文字标签
    p段落换行   br/ 直接换行 不建议使用  
    font 作用改变文字字体内容  不建议使用     size = "文字大小"  color ="文字颜色"
     如果只是为了修饰文本      就可以使用
5、strong  b 标记的区别

strong  文字显示粗体状态  强调 文章中的某一些重要词 SEO收录有一定影响 对我们站点排在百度首页有一定影响
 
   b      文字显示粗体状态   没有什么大的作用只是修饰页面字体而已

6、em   i 标记的区别

em  斜体   强调(相对strong来说弱一点)   SEO页面有一定作用

i   斜体   没有强调  用在项目里面比较多例如(阿里图标)

7、什么是块级元素 什么是行内元素

块级:
  div标记   容器   特点:
            1、独占一行
            2、能够控制的内、外边距  
            3、宽度浏览器始终是一样大的
            4、display:block 默认block

行内:
  span标记       特点:
            1、默认不换行文本内容都在同一行上面

2、高,行高及外边距和内边距部分可改变;

3、display:inline; 默认是行内元素inline

原文地址:https://www.cnblogs.com/zs521/p/8666704.html

时间: 2024-12-26 12:46:27

静态布局字体标签的相关文章

关于静态布局、自适应布局、流式布局、响应式布局、弹性布局的一些概念

一.静态布局(Static Layout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位. 1.布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示.常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景,这种设计常见与pc端.2.设计方法: PC:居中布局,所有样式使用绝对宽度/高度(px),设计一个Layout,在屏幕宽高有调整时,使用横向和竖向的滚动条来查阅

静态布局、自适应布局、流式布局、响应式布局、弹性布局简析

近期学习,有很多感想,有时候看似相近的概念,其实意义却不相同.所以学习要针对不同的名词有明确的区分意识. 抽空时间,打算学习下display:flex;本以为就是一个小小的知识点,正式去研究的时候,才发现display:flex;有很多内容,能实现很多效果.比如三栏布局(左右两栏固定,中间栏自适应),圣杯布局. 后来想着经常听到流式布局,自适应布局,响应式布局,他们有什么区别呢,就去搜了许多内容查看,才发现每种布局都有优缺点和不同使用场景. 静态布局:给页面元素设置固定的宽度和高度,单位用px,

布局的几种方式(静态布局、自适应布局、流式布局、响应式布局、弹性布局)

一.静态布局(static layout) 即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位. 1.布局特点 不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示.常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景,这种设计常见于pc端. 2.设计方法 PC:居中布局,所有样式使用绝对宽度/高度(px),设计一个Layout,在屏幕宽高有调整时,使用横向和竖向的滚动条来查

02字体标签

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <!--解决乱码 ,告诉浏览器文档类型和编码 5 http-equiv:描述当前网页内容类型 6 context:使用的是html的文本 7 charset:使用的编码是UTF-8,解码也使用UTF-8 8 --> 9 <meta http-equiv="Content-Type" content="text/html" charset=

cocos2dx[3.2](14)——新字体标签Label

[唠叨] 在3.x中,废弃了2.x里的LabelTTF.LabelAtlas.LabelBMFont三个字体类,取而代之的是全新的字体标签Label. 实际上Label是将三个字体类进行了融合,进行统一的管理与渲染,这使得创建字体标签Label的方式更加统一,更加方便. 本节来学习一下3.x中新的标签类Label,如果对2.x中的三个字体类不了解的话,建议先去看看那三个类的用法,再来学习本节内容,能够更好的理解. 2.x中的旧标签类,请移步:http://shahdza.blog.51cto.c

Google glass Mirror app开发之HTML布局之标签篇

$_[.=.]  原谅我不太会写标题.. 谷歌眼镜开发 之 Mirror api开发之 HTML布局之 css样式 之xxx... 好了,进入正题,在https://developers.google.com/glass/tools-downloads/playground中可以实时地预览效果 CSS样式文件:https://mirror-api-playground.appspot.com/assets/css/base_style.css Mirror API - Timeline:http

HTML静态网页(标签、表格)

HTML静态网页: 打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background  背景壁纸.图片 text  文字颜色 topmargin  上边距 leftmargin   左边距 rightmargin 右边距 bottommargin  下边距 body属性用法示例: 格式控制标签: <font color="" face="" size=""></font>

android流式布局热门标签的实现

在日常的app使用中,我们会在android 的app中看见热门标签等自动换行的流式布局,今天就为大家分享一种android流式布局的实现. 先看最终效果 自定义流式布局的实现 package com.sunny.flowlayout.view; import java.util.ArrayList; import java.util.List; import android.content.Context; import android.util.AttributeSet; import an

样式表中的样式及其布局常用标签

样式表中的样式及其布局1.大小:width宽度,height高度.2.背景:backgrpund-color,backgrpund-image,backgrpund-repeat,backgrpund-position,backgrpund-attachment,backgrpund-size.3.字体:font-family,font-size,font-style,font-weight,text-decoration:(underline,overline,lin-through,none