款式

标题

标题定义了文档的结构。适当的标题帮助读者快速扫描文本的相关信息。他们还帮助创造信息的层次,因为每个标题标签带有一定的视觉重量。标题1个定义了最重要的标题。标题6只限定了至少重要标题。此外,每一个标题可以理解为之前的标题的孩子。

搜索引擎使用的标题索引结构和网页内容。使用标题,还必须符合无障碍网页的指引。屏幕阅读器通过创建网站的每个页面的所有标题的列表中发现的文档结构。

整个网站中使用的标题的显示和定义如下。


标题1(H1)

标题1名的标签仅用于页面标题。

标题2(H2)

标题2个标签是常用的整个网站以提供标题主要内容的网页上,或者明确地划分一个页面分成两个或多个主题。

标题3(H3)

标题3个标记应该来一个网页标题2个标签和使用,以进一步确定信息后。

标题4(H4)

H4标签应当出现在页面上标题3个标记后。

文本

该副本在主样式表格式,应该只需要大胆,并根据需要倾斜。它避免下划线,因为它使文本显示为链接是很重要的。

项目符号列表

如果可能的话使用项目符号列表存在网页的副本,以便它是快速和容易的观众可扫描。项目符号列表的样式在主样式表,并且不需要额外的造型。

  • 例如1
  • 例如2
  • 例如3

链接列表

每当一个页面上创建一个链接列表,使用链接列表样式的项目符号列表上。

  1. 创建一个无序列表
  2. 在各列表项,文本链接到相应的位置
  3. 与名单上的任何地方光标,点击编辑器工具栏上的应用CSS下拉
  4. 选择UL:链接列表样式

报价

申请报价方式:

  1. 输入文本
  2. 突出在编辑器中的文本
  3. 点击编辑器工具栏上的应用CSS下拉
  4. 选择报价

这是一个报价的例子。

介绍文字

该网站的大部分页面应该包含一个网页介绍。他们应该总是先出现在网页上,只能在网页上出现一次。介绍应不超过两句话。较大的字体大小可重点内容进行快速扫描。

应用介绍文字样式:

  1. 输入文本
  2. 突出在编辑器中的文本
  3. 点击编辑器工具栏上的应用CSS下拉
  4. 选择风格简介

这是介绍性文字的例子。它在页面的主体内容的页面顶部标题之后人士常使用。

纽扣

按钮是可以在整个网站中使用显眼的链接。在深蓝色的背景,应使用的蓝色按钮。如果两个按钮并排显示,用一蓝一红。小按钮是在侧边栏的内容使用或在具有整个页面几个按钮的页面。限制按钮的一列的量为两个。不是每一个环节需要一个按钮。链接列表是适合这种模式有多个链接文本的列表。按钮上的文字应该是很短,但描述。例如,不使用更多的按钮上的文字为不符合辅助功能准则。 

应用按钮样式:

  1. 输入文本
  2. 突出在编辑器中的文本
  3. 文字链接到相应的位置
  4. 点击编辑器工具栏上的应用CSS下拉
  5. 选择按钮(BTN)风格

BTN-蓝 BTN-蓝色小 BTN-蓝色箭头 BTN-红色箭头

图片

在某些情况下,你可能要允许图片旁边的文字流动。这可以用图像本身上的CSS类集合来实现。

应用的样式:

  1. 插入图片
  2. 突出图像
  3. 点击编辑器工具栏上的应用CSS下拉
  4. 选择 图片:左浮动 风格有图像浮向左或 图片:浮动权 有图像浮向右
  5. 放置在图像侧的光标和插入内容
  6. 如果内容的浮动图像和文字下显示,该浮法风格必须立即应用于文本以下的元素。这是通过右击元件并选择所施加的 浮法 从样式应用编辑器工具栏中的CSS下拉。

图片:左浮动

placeholder

Lorem存有悲坐阿梅德,consectetur adipiscing ELIT。 SED必比登tristique dignissim。 morbi accumsan等ligula NEC发酵。 interdum等malesuada脂肪酸甲酯交流赌注存有primis在faucibus。 vivamus ullamcorper risus NEC mauris commodo ultricies。 UT accumsan ornare发酵。 etiam必比登accumsan酒后驾车。 aliquam aliquam悲欧盟前pellentesque scelerisque。信用评级机构eget DUI nisl。保护者存有狮子座,tincidunt简历SEM facilisis,lobortis ultrices普鲁斯。 donec rutrum mauris eget efficitur aliquam。整数consequat华富交流LEO elementum congue。 suspendisse SED mauris奥迪奥。 SED坐阿梅德SAPIEN赌注。

图片:浮动权

placeholder

Lorem存有悲坐阿梅德,consectetur adipiscing ELIT。 SED必比登tristique dignissim。 morbi accumsan等ligula NEC发酵。 interdum等malesuada脂肪酸甲酯交流赌注存有primis在faucibus。 vivamus ullamcorper risus NEC mauris commodo ultricies。 UT accumsan ornare发酵。 etiam必比登accumsan酒后驾车。 aliquam aliquam悲欧盟前pellentesque scelerisque。信用评级机构eget DUI nisl。保护者存有狮子座,tincidunt简历SEM facilisis,lobortis ultrices普鲁斯。 donec rutrum mauris eget efficitur aliquam。整数consequat华富交流LEO elementum congue。 suspendisse SED mauris奥迪奥。 SED坐阿梅德SAPIEN赌注。

部分导航
 
 
 
 
 
 
 
 
 
支持下一代的 克拉夫林领袖
您的支持下,经过学生奖学金,贷款资金,教学设备的教室提供教育充实,准备克拉夫林的学生是未来的领袖。