Top

内容、文本

所有内容/文本元素都可以使用左侧导航的所有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) 联系信息

联系人姓名
福建省厦门市 软件园2期 曙光大厦208室
BG 94107号
手机: 13509****08
联系人姓名
your@email.com
 
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) 文字效果

文字居左

文字居中

文字居右

加粗文字

正常粗细文字

加粗文字2

斜体文字

雅黑字体文字

下划线文字

无下划线链接文字

30像素缩进文字

22像素大小文字

不换行文字

黑色文字

白色文字

 
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>