- 浏览: 2526174 次
- 性别:
- 来自: 苏州
文章分类
最新评论
-
jsntghf:
peio 写道这个怎么运行?Ruby On Rails的环境搭 ...
多文件上传之uploadify -
peio:
这个怎么运行?
多文件上传之uploadify -
往事如烟1:
我的项目是自己init了一个原始的project,之后将ver ...
React Native热部署之CodePush -
jsntghf:
往事如烟1 写道我按照你的说明进行,发现app退出之后,在进入 ...
React Native热部署之CodePush -
往事如烟1:
我按照你的说明进行,发现app退出之后,在进入不正确,请问是什 ...
React Native热部署之CodePush
<style type="text/css"> blockquote.style1 { font: 14px/20px italic Times, serif; padding: 8px; background-color: #faebbc; border-top: 1px solid #e1cc89; border-bottom: 1px solid #e1cc89; margin: 5px; background-image: url(images/openquote1.gif); background-position: top left; background-repeat: no-repeat; text-indent: 23px; } blockquote.style1 span { display: block; background-image: url(images/closequote1.gif); background-repeat: no-repeat; background-position: bottom right; } blockquote.style2 { font: 14px/22px normal helvetica, sans-serif; margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 15px; border-left: 3px solid #ccc; } blockquote.style3 { font: 18px/30px normal Tahoma, sans-serif; padding-top: 22px; margin: 5px; background-image: url(images/openquote3.gif); background-position: top left; background-repeat: no-repeat; text-indent: 65px; } blockquote.style3 span { display: block; background-image: url(images/closequote3.gif); background-repeat: no-repeat; background-position: bottom right; } blockquote.style4 { font: 14px/20px italic Times, serif; padding-left: 70px; padding-top: 18px; padding-bottom: 18px; padding-right: 10px; background-color: #dadada; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 5px; background-image: url(images/openquote4.gif); background-position: middle left; background-repeat: no-repeat; text-indent: 23px; } blockquote.style5 { font: 12px/18px normal "Courier New", sans-serif; padding-left: 70px; padding-top: 2px; padding-bottom: 2px; background-color: #000; color: white; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 5px; background-image: url(images/openquote5.gif); background-position: middle left; background-repeat: no-repeat; text-indent: 23px; } blockquote.style5 span { padding-right: 50px; display: block; background-image: url(images/closequote5.gif); background-repeat: no-repeat; background-position: bottom right; } </style> <blockquote class="style1"> <span>Ut nonummy habent soluta claritas veniam. Typi nunc soluta hendrerit mutationem sollemnes. Quis lius dolore et insitam vel. Aliquip consequat futurum claram ut mazim. Facilisi accumsan dolore ii imperdiet consequat.</span> </blockquote> <blockquote class="style2"> <span>Ut nonummy habent soluta claritas veniam. Typi nunc soluta hendrerit mutationem sollemnes. Quis lius dolore et insitam vel. Aliquip consequat futurum claram ut mazim. Facilisi accumsan dolore ii imperdiet consequat.</span> </blockquote> <blockquote class="style3"> <span>Ut nonummy habent soluta claritas veniam. Typi nunc soluta hendrerit mutationem sollemnes. Quis lius dolore et insitam vel. Aliquip consequat futurum claram ut mazim. Facilisi accumsan dolore ii imperdiet consequat.</span> </blockquote> <blockquote class="style4"> <span>Ut nonummy habent soluta claritas veniam. Typi nunc soluta hendrerit mutationem sollemnes. Quis lius dolore et insitam vel. Aliquip consequat futurum claram ut mazim. Facilisi accumsan dolore ii imperdiet consequat.</span> </blockquote> <blockquote class="style5"> <span>Ut nonummy habent soluta claritas veniam. Typi nunc soluta hendrerit mutationem sollemnes. Quis lius dolore et insitam vel. Aliquip consequat futurum claram ut mazim. Facilisi accumsan dolore ii imperdiet consequat.</span> </blockquote>
效果图如下:
- blockquote.rar (16.6 KB)
- 下载次数: 20
发表评论
-
密码输入延迟屏蔽
2013-05-19 20:06 1464这是一个类似iPhone、android等手机的密码输入体 ... -
日历控件
2012-06-29 20:12 1562<link rel="styleshee ... -
渐变打分条
2011-11-05 10:33 1656<!DOCTYPE html PUBLIC &qu ... -
滚动新闻
2011-10-28 15:17 1153<div id="marquees" ... -
网页配色
2011-10-10 09:18 1722至于为什么要使用网页配色工具,而不是自己配色,主要原因就是:对 ... -
圆角文本框的实现
2011-10-09 09:22 3385<!DOCTYPE HTML PUBLIC " ... -
javascript加载xml,在chrome下失败的解决办法
2011-09-30 09:40 4758原来的写法: this.loadxml = funct ... -
可输入文本的下拉框
2011-09-28 13:14 1361<html> <head> ... -
二级树形菜单
2011-09-25 11:34 1338<!DOCTYPE html PUBLIC &qu ... -
不规则菜单
2011-09-16 09:31 1315<!DOCTYPE html PUBLIC " ... -
二级树形菜单
2011-09-13 19:11 1303<!DOCTYPE html PUBLIC &qu ... -
随机显示图片
2011-09-10 18:13 1331<!DOCTYPE html PUBLIC " ... -
滚动字幕效果
2011-09-07 17:40 1416<!DOCTYPE html PUBLIC " ... -
美化select
2011-09-06 16:50 1337<!DOCTYPE html PUBLIC " ... -
无图片圆角
2011-09-05 15:10 1391<!DOCTYPE HTML PUBLIC " ... -
设置滚动条的颜色
2011-08-11 10:01 1726<style type="text/css&q ... -
CSS细线表格
2011-08-09 13:23 1538<style type="text/css&q ... -
分页效果
2011-08-06 19:52 1288<!DOCTYPE html PUBLIC &qu ... -
FormTools
2011-06-23 09:17 1375FormTools is a collection of ut ... -
表单当前行高亮的实现
2011-06-21 12:06 1443<!DOCTYPE html PUBLIC " ...
相关推荐
总的来说,`<blockquote>` 标签是HTML中用于创建美观且易于阅读的引用块的重要工具。结合CSS,我们可以进一步定制它的样式,使其成为网页设计中的亮点。无论是技术文档、博客文章还是任何其他类型的内容,善用`...
- **引用块标签 `<blockquote>`**:定义长引用。 - **换行标签 ` `**:定义换行。 - **引用标签 `<cite>`**:定义作品的标题。 - **定义标签 `<dfn>`**:定义词条。 - **对齐标签 `<div align="">`**:定义...
9. **块引用(blockquote)**:默认会有一些外边距,用于区分引用内容和普通文本。 10. **预格式化文本(pre)**:保留其中的空格和换行,方便展示代码或其他格式敏感的文本。 11. **表格的表头单元格(thead)、...
声明块中实际上就是一个一个CSS声明 声明 每一个CSS声明都是一个样式,实际上就是一个名值对的结构 名和值之间使用:链接 :左边是样式的名字 :右边是样式的值 每一个声明以;结尾 例子 ...
5. **其他元素**:还包括对`<pre>`、`<code>`、`<blockquote>`、`<q>`、`<abbr>`、`<dfn>`、`<samp>`等特殊元素的样式调整,以提升代码块和引用等内容的展示效果。 **三、使用Normalize.css的好处** 1. **减少样式...
项目4探讨了列表相关元素,如无序列表`<ul>`和有序列表`<ol>`,CSS中的`display`属性如何将元素转换为行内块元素,中文数字的设置,列表项`<li>`或`<dd>`的使用,以及CSS的伪类选择器应用,如将奇数行文本颜色设为...
* blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级元素,也是 CSS 布局的主要标签 * dl - 定义列表 * fieldset - 表单控制组 * form - 交互表单 * h1 - 大标题 * h2 - 副标题 * h3 - ...
HTML和CSS是构建网页的基础技术,它们共同决定了网页的结构和样式。...随着Web技术的发展,HTML5和CSS3引入了更多新特性,如新的元素、动画效果、响应式设计等,学习和理解这些基础知识是进一步深入学习的前提。
- `<blockquote>`:用于展示引用文本,适用于较长的引用,显示为缩进式段落。 - `<pre>`:保持文本原始格式,如代码示例。 - `<span>` 和 `<div>`:分别用于定义段落和跨段落的内容块。 ##### 字符级标记 - **字体...
- 引用他人的内容通常用`<blockquote>`标签,使文字呈现块状引用样式。 4.2.4 设置标题文字: - 标题由`<h1>`至`<h6>`标签表示,级别越高,标题越大,通常`<h1>`代表主标题,`<h6>`为子标题。CSS可以进一步定制标题...
Markdown Here则是在这个基础上,通过CSS(Cascading Style Sheets)来控制其渲染效果,使得Markdown文本在预览时更加美观。 Markdown Here CSS样式文件通常包含一系列的CSS规则,用于定义Markdown元素的显示方式。...
在技术实现层面,"Collapse Blockquote-crx"可能采用了JavaScript和CSS来操作DOM(文档对象模型),通过监听用户的交互事件,动态修改`<blockquote>`元素的样式,实现其折叠和展开的效果。同时,由于是浏览器扩展,...
(此标签已过时,不推荐使用,可以通过CSS实现相同效果) - `<dir>`:用于定义目录列表,已过时。 - `<div>`:通用容器元素,常用于页面布局。 - `<dl>`:定义定义列表。 - `<fieldset>`:用于将表单内的相关元素...
故 Paragragh 标签是,块引用标签是<blockquote>。有些标签说明页面如何被格式化(例如,开始一个新段落),其他则说明这些词如何显示(使文字变粗)。还有一些用 HTML 编写的超文本文档称为 HTML 文档,它能独立于...
6. **结构元素**:修复了`hr`(水平线)、`blockquote`(引用块)等结构性元素的样式,使其在不同浏览器下保持一致。 四、实际应用与扩展 在实际项目中,开发者只需引入normalize.css,即可快速实现跨浏览器的样式...
在这个例子中,HTML可能包含了如`<div>`、`<section>`、`<p>`(段落)、`<blockquote>`(引用)等元素,用以组织推荐内容、作者信息和设计布局。 压缩包中的文件“testimonial_section_1-main”可能是这个推荐部分...
- 块引用使用大于号来表示引用的文本。 ```markdown > blockquote,level1 >> blockquote,level2 >>> blockquote,level3 ``` 显示效果: > blockquote,level1 > >> blockquote,level2 >> >>> blockquote,level3 #...