内容、文本
所有内容/文本元素都可以使用左侧导航的所有class类进行细节样式的调整
(1) 文章正文
默认14号字体
但过去的终归已经过去,再也无法改变。王小波老师说,“人的一切痛苦,本质上都是对自己的无能的愤怒”。我也正是如此,却也只能“休恋逝水、苦海回身、早悟兰因”。过去的都已经无法改变。我只能尽力去改变那些我能改变的未来。本科成绩低、无实验室经历、无科研经历、无发表论文、无海外交流经历,这些是我的过去。托福三项满分,总分114,GRE数学满分,总分326,中国最年轻的一级注册结构,佐治亚理工的博士生录取,这些是我的现在。我的未来,还在路的前面。
当然,很多事不能强求,我也不认同很多励志故事里舍家撇业、和男友/女友分手的桥段。对我来说,爱情和家庭是最重要的,也是我做所有这些事情的动力。我绝对不会本末倒置。不能说做的很好,但至少没有不放在心上。从高中时候的初恋,一直走到今天的婚姻,成为彼此的精神伴侣,我觉得这是我最大的成就,甚至比留学申请成功还要好。
Our primary purpose in collecting personal information is to provide you with a safer trading experience and encourage commerce between buyers and sellers using the Site as a venue. We only collect personal information about you that we consider necessary for this purpose and to achieve this goal.
很多人不理解我,为什么要出去读书?有一注证书,有接近五年的甲级院工作经验,不错的工作还是有很多的。可是,我不想要一眼看到头的生活。就像毛姆老师在《刀锋》里借主人公之口说出的,“你知道,我有个看法,觉得我这一生还可以多做点事情,不能够光卖股票”。我也觉得,我这一生可以做很多事情,我可以去看看这个世界,可以去“晃膀子”。
12号字体
但过去的终归已经过去,再也无法改变。王小波老师说,“人的一切痛苦,本质上都是对自己的无能的愤怒”。
我也正是如此,却也只能“休恋逝水、苦海回身、早悟兰因”。过去的都已经无法改变。我只能尽力去改变那些我能改变的未来。本科成绩低、无实验室经历、无科研经历、无发表论文、无海外交流经历,这些是我的过去。托福三项满分,总分114,GRE数学满分,总分326,中国最年轻的一级注册结构,佐治亚理工的博士生录取,这些是我的现在。我的未来,还在路的前面。
16号字体
但过去的终归已经过去,再也无法改变。王小波老师说,“人的一切痛苦,本质上都是对自己的无能的愤怒”。
我也正是如此,却也只能“休恋逝水、苦海回身、早悟兰因”。过去的都已经无法改变。我只能尽力去改变那些我能改变的未来。本科成绩低、无实验室经历、无科研经历、无发表论文、无海外交流经历,这些是我的过去。托福三项满分,总分114,GRE数学满分,总分326,中国最年轻的一级注册结构,佐治亚理工的博士生录取,这些是我的现在。我的未来,还在路的前面。
HTML代码: <div class="dsure-p-article"> <p>但过去的终归已经过去,再也无法改变。王小波老师说,“人的一切痛苦,本质上都是对自己的无能的愤怒”。我也正是如此,却也只能“休恋逝水、苦海回身、早悟兰因”。过去的都已经无法改变。我只能尽力去改变那些我能改变的未来。本科成绩低、无实验室经历、无科研经历、无发表论文、无海外交流经历,这些是我的过去。托福三项满分,总分114,GRE数学满分,总分326,中国最年轻的一级注册结构,佐治亚理工的博士生录取,这些是我的现在。我的未来,还在路的前面。</p> <p>当然,很多事不能强求,我也不认同很多励志故事里舍家撇业、和男友/女友分手的桥段。对我来说,爱情和家庭是最重要的,也是我做所有这些事情的动力。我绝对不会本末倒置。不能说做的很好,但至少没有不放在心上。从高中时候的初恋,一直走到今天的婚姻,成为彼此的精神伴侣,我觉得这是我最大的成就,甚至比留学申请成功还要好。</p> <p> Our primary purpose in collecting personal information is to provide you with a safer trading experience and encourage commerce between buyers and sellers using the Site as a venue. We only collect personal information about you that we consider necessary for this purpose and to achieve this goal. </p> <p> 很多人不理解我,为什么要出去读书?有一注证书,有接近五年的甲级院工作经验,不错的工作还是有很多的。可是,我不想要一眼看到头的生活。就像毛姆老师在《刀锋》里借主人公之口说出的,“你知道,我有个看法,觉得我这一生还可以多做点事情,不能够光卖股票”。我也觉得,我这一生可以做很多事情,我可以去看看这个世界,可以去“晃膀子”。 </p> </div> <div class="dsure-p-article f12"> <p>但过去的终归已经过去,再也无法改变。王小波老师说,“人的一切痛苦,本质上都是对自己的无能的愤怒”。</p> <p> 我也正是如此,却也只能“休恋逝水、苦海回身、早悟兰因”。过去的都已经无法改变。我只能尽力去改变那些我能改变的未来。本科成绩低、无实验室经历、无科研经历、无发表论文、无海外交流经历,这些是我的过去。托福三项满分,总分114,GRE数学满分,总分326,中国最年轻的一级注册结构,佐治亚理工的博士生录取,这些是我的现在。我的未来,还在路的前面。 </p> </div> <div class="dsure-p-article f16"> <p>但过去的终归已经过去,再也无法改变。王小波老师说,“人的一切痛苦,本质上都是对自己的无能的愤怒”。</p> <p> 我也正是如此,却也只能“休恋逝水、苦海回身、早悟兰因”。过去的都已经无法改变。我只能尽力去改变那些我能改变的未来。本科成绩低、无实验室经历、无科研经历、无发表论文、无海外交流经历,这些是我的过去。托福三项满分,总分114,GRE数学满分,总分326,中国最年轻的一级注册结构,佐治亚理工的博士生录取,这些是我的现在。我的未来,还在路的前面。 </p> </div>
(2) 块引用
王小波老师说:
“人的一切痛苦,本质上都是对自己的无能的愤怒”。 出自 网络收集精选
HTML代码:
<p>王小波老师说:</p>
<blockquote cite="http://www.website.org">
“人的一切痛苦,本质上都是对自己的无能的愤怒”。
<small>出自 <cite>网络收集精选</cite></small>
</blockquote>
(3) 标题
文章标题文字大小演示
文章标题文字大小演示
文章标题文字大小演示
文章标题文字大小演示
文章标题文字大小演示
文章标题文字大小演示
HTML代码:
<h1>文章标题文字大小演示</h1>
<h2>文章标题文字大小演示</h2>
<h3>文章标题文字大小演示</h3>
<h4>文章标题文字大小演示</h4>
<h5>文章标题文字大小演示</h5>
<h6>文章标题文字大小演示</h6>
(4) 联系信息
HTML代码:
<address>
<strong>联系人姓名</strong><br>
福建省厦门市 软件园2期 曙光大厦208室<br>
BG 94107号<br>
<abbr title="Phone">手机:</abbr> 13509****08
</address>
<address>
<strong>联系人姓名</strong><br>
<a href="mailto:#">your@email.com</a>
</address>
(5) 插图
HTML代码:
<figure>
<img src="css/images/335x260-2.jpg" width="150">
<figcaption>
图片标题和描述
</figcaption>
</figure>
(6) 标题组合
网站名称
欢迎来到网站副标题
内容啊内容....
HTML代码:
<hgroup>
<h1>网站名称</h1>
<h2>欢迎来到网站副标题</h2>
</hgroup>
<p>内容啊内容....</p>
(7) 时间
这篇文章发布于,希望有更多的人看到。
HTML代码:
<p>
这篇文章发布于<time datetime="2014-02-1" pubdate>今年2月初</time>,希望有更多的人看到。
</p>
(8) 文字效果
HTML代码: <p class="tl">文字居左</p> <p class="tc">文字居中</p> <p class="tr">文字居右</p> <strong>加粗文字</strong> <strong class="f-w-normal">正常粗细文字</strong> <span class="f-w-blod">加粗文字2</span> <span class="f-s-italic">斜体文字</span> <span class="f-f-yahei">雅黑字体文字</span> <span class="f-d-line">下划线文字</span> <a href="#" class="f-d-none">无下划线链接文字</a> <div class="f-i30">30像素缩进文字</div> <span class="f22">22像素大小文字</span> <span class="noWrap">不换行文字</span> <span class="f-c-black">黑色文字</span> <span class="f-c-white">白色文字</span>