WY-網(wǎng)頁(yè)制作(1)

PS切圖

快捷鍵收集

  • 標(biāo)尺的顯示隱藏 ctrl+R
  • 清楚所有參考線 Ctrl + 李剖；

選區(qū)工作

  • 添加到選區(qū) ： 按住shift
  • 從選區(qū)中減去：按住Alt

  • 與選區(qū)交叉：按住shift + alt


    選區(qū)編輯

隱藏文字只留背景
文字和背景合并铺厨，平鋪背景覆蓋文字情況

  • 矩形選框工作
  • 自由變換（Ctrl+T） 適合背景為純色
  • 使用移動(dòng)工具 + Alt 加上這步的適合有紋理的背景

切帶背景PNG24

  • 移動(dòng)工具選中所需圖層（按住 ctrl 多選）
  • 右鍵合并圖層 Ctrl+E
  • 再右鍵復(fù)制圖層到新文件或直接拖至已有文件Ctrl + N

切帶背景PNG8

  • 合并（可見(jiàn)）圖層 （shift + ctrl + E）合并圖層 Ctrl+E
  • 矩形選框工具選擇內(nèi)容
  • 魔棒工具去除多余部分
    • 從選區(qū)中減去： 按住Alt

可平鋪背景的切圖

  • 用矩形選框工具選取一塊區(qū)域
  • 復(fù)制粘貼到新文件中（平鋪內(nèi)容充滿文件的寬-X軸或高-Y軸）

大小與質(zhì)量

  • 平衡與取舍
  • 壓縮工具
    • 無(wú)損 MiniImage NetEaseWD/minimage
    • 有損 TinyPng tinyPng

瀏覽器兼容方案

  • IE6不支持PNG24半透明（方案: 存2份，sprite.png 24, sprite_ie.png 8）
  • 圓角陰影觅彰，CSS3&切圖

開(kāi)發(fā)工具

  • 文本編輯
    • Sublime Text
    • Notepad++
    • EditPlus

sublime

常用快捷鍵

  • ：+ 行號(hào)
  • @ + 名稱字符 ( 例如：定位到j(luò)s具體的函數(shù)名 ,css的選擇器名 )
  • # + 關(guān)鍵字名 （匹配具體的關(guān)鍵字）

命令面板（Ctrl + Shift + P）
多行選擇（Ctrl + D , Ctrl + Shift + L）

  • Ctrl + D 跳過(guò)某一個(gè) Ctrl + K
  • Alt + F3 選中全部的相同變量進(jìn)行批量操作

**常用插件 **

  • Package Control
  • Emmet
  • DocBlockr
  • SideBarEnhancements
  • terminal

**代碼片段的使用 snippet **

代碼片段的使用

HTML 發(fā)展

![HTML發(fā)展

](http://upload-images.jianshu.io/upload_images/591100-db48d6e36e7ba10e.png)

標(biāo)簽

標(biāo)簽

注釋:

  • dfn 標(biāo)簽可標(biāo)記那些對(duì)特殊術(shù)語(yǔ)或短語(yǔ)的定義。
  • rt,rp 與ruby合用份蝴，上拼音標(biāo)注(rp 不支持rt的瀏覽器時(shí)顯示的樣式)
  • q 標(biāo)簽定義短的引用。瀏覽器經(jīng)常在引用的內(nèi)容周?chē)砑右?hào)
  • abbr 標(biāo)簽指示簡(jiǎn)稱或縮寫(xiě)六剥，比如 "WWW" 或 "NATO"。
  • cite 標(biāo)簽通常表示它所包含的文本對(duì)某個(gè)參考文獻(xiàn)的引用峰伙，比如書(shū)籍或者雜志的標(biāo)題疗疟。
  • samp 標(biāo)簽表示一段用戶應(yīng)該對(duì)其沒(méi)有什么其他解釋的文本字符。要從正常的上下文抽取這些字符時(shí)瞳氓，通常要用到這個(gè)標(biāo)簽策彤。字符序列 (ae 可能會(huì)被轉(zhuǎn)換為 ? 連字字符。)
  • ins 下劃線文本
  • bdi (設(shè)置間隔)標(biāo)簽允許您設(shè)置一段文本匣摘，使其脫離其父元素的文本方向設(shè)置店诗。Username Bill:80 points。 支持：F,C
  • bdo 元素可覆蓋默認(rèn)的文本方向音榜。
  • s 帶刪除線文本 sssHTML 5 中不再支持這個(gè)標(biāo)簽.
  • kbd 標(biāo)簽定義鍵盤(pán)文本庞瘸。
  • wpr Word Break Opportunity (wbr) 規(guī)定在文本中的何處適合添加換行符。 提示：如果單詞太長(zhǎng)赠叼，或者您擔(dān)心瀏覽器會(huì)在錯(cuò)誤的位置換行擦囊，那么您可以使用 wbr 元素來(lái)添加 Word Break Opportunity（單詞換行時(shí)機(jī)）。
  • code 標(biāo)簽用于表示計(jì)算機(jī)源代碼或者其他機(jī)器可以閱讀的文本內(nèi)容
  • blockquote 標(biāo)簽定義塊引用梅割。blockquote 之間的所有文本都會(huì)從常規(guī)文本中分離出來(lái)霜第，經(jīng)常會(huì)在左、右兩邊進(jìn)行縮進(jìn)（增加外邊距）户辞，而且有時(shí)會(huì)使用斜體泌类。也就是說(shuō)，塊引用擁有它們自己的空間
  • meter 標(biāo)簽定義已知范圍或分?jǐn)?shù)值內(nèi)的標(biāo)量測(cè)量底燎。也被稱為 gauge（尺度）,例子：磁盤(pán)用量刃榨、查詢結(jié)果的相關(guān)性，等等双仍。注釋?zhuān)簃eter 標(biāo)簽不應(yīng)用于指示進(jìn)度（在進(jìn)度條中）枢希。如果標(biāo)記進(jìn)度條，請(qǐng)使用 progress 標(biāo)簽
  • legend 元素為 fieldset 元素定義標(biāo)題
  • fieldset 元素可將表單內(nèi)的相關(guān)元素分組

a標(biāo)簽鏈接到Email地址

<a href="mailto:lanmeng@yeah.net">聯(lián)系我們</a>
<a href="tel:18310257958">18310257958</a>
加上抄送和主題
<a href="mailto:lanmeng@yeah.net?cc=admin@188.com&subject=建議&body=body.....">聯(lián)系我們(抄送)</a>

強(qiáng)調(diào)標(biāo)簽 em, strong

  • em 主要是語(yǔ)義的強(qiáng)調(diào)朱沃，默認(rèn)樣式：斜體

  • strong 主要是重要性的強(qiáng)調(diào)(比em更強(qiáng)烈的強(qiáng)調(diào) )苞轿，默認(rèn)樣式：粗體

    <div>
.....
   <div class="proinfo">
     .....
     <p class="w-price">
         <strong>￥39</strong>
         <span>市場(chǎng)價(jià)￥45</span>
     </p>
   </div>
.....
</div>

引用標(biāo)簽 cite q

  • cite 文章文本出處，人物逗物。默認(rèn)樣式：斜體
  • q 引用一段文字搬卒，某人說(shuō)的話 。默認(rèn)樣式：加引號(hào)

代碼

  • code 計(jì)算機(jī)代碼

格式化

  • b 粗體翎卓，摘要關(guān)鍵字契邀，產(chǎn)品名稱等
  • i 斜體，技術(shù)術(shù)語(yǔ)

視頻video

  • track 引入視頻的字幕文件
視頻

圖

  • canvas 基于像素
  • svg 矢量

熱點(diǎn)區(qū)域

  • map

  • area


    map熱點(diǎn)

表格

表格實(shí)例

表單

  • button的type與input的type一致失暴，submit , reset
  • input type (H5新增)
    • email
    • url
    • number
    • tel
    • search
    • range
    • color
    • data picker(data,month,week,time,datetime,datetime-local)
表單示例

CSS語(yǔ)法

引入

外部坯门、內(nèi)部微饥、內(nèi)嵌樣式

瀏覽器私有屬性

  • chrome,safari -webkit-
  • firefox -moz-
  • IE -ms-
  • opera -o-

屬性值語(yǔ)法

....

@規(guī)則

@media
@keyframes
@font-face
以及@import @charset @namespace @page @supports @document

CSS 選擇器: 簡(jiǎn)單、偽元素古戴、組合

簡(jiǎn)單選擇器

  • 標(biāo)簽
  • id
  • class
  • 屬性
  • 偽類(lèi)選擇器
    • :link
    • :visited
    • :hover
    • :active
    • :enabled
    • :disabled
    • :checked
    • :first-child
    • :last-child :nth-child(n)
    • :nth-of-type(n) :first-of-type{....} :last-of-type{....}
    • :onlly-child{....} 只有一個(gè)子元素的項(xiàng) (ul>li*1)
    • :empty 選中空標(biāo)簽 <p></p>
    • :root 選中根元素<html>
    • :not() 不包含某個(gè)選擇器（參數(shù)為簡(jiǎn)單選擇器）
    • :target 錨點(diǎn)的目標(biāo)目標(biāo)
    • :lang() lang值的選擇器

====例子====
屬性選擇器：
1欠橘、[arr] 例如： [disabled]{background-color:#eee;}
2、[arr=val] 例如： [type=button]{background-color:blue;}允瞧。那么 #nav{} == [id=nav]{}
3简软、[arr~=val] 包含以空格區(qū)分 例如： .sports{} == [class~=sports]{}
4、[arr^=val] 以什么開(kāi)頭 例如：[href^='#']{color:red;}
5述暂、[arr$=val] 以什么結(jié)尾 例如：[href$=pdf]{color:red;}
6痹升、[arr=val] 值中包含 例如：[href="lady.163.com"]{color:red;}

//[lang |= en]{color:red;} 會(huì)選中前三個(gè)（用的不多）
<p lang="en">1、hello</p>
<p lang="en-us">2畦韭、hello</p>
<p lang="en-au">3疼蛾、hello</p>
<p lang="enfr">4、hello</p>
<p lang="cy-en">5艺配、hello</p>


 //：[href^='#']{color:red;} 選中后兩個(gè)
 <a >baidu</a>
 <a href="#html">html</a>
 <a href="#css">css</a>

::first-letter應(yīng)用到第一個(gè)字母上察郁，為紅色

    <p> CSS偽元素選擇器是。转唉。皮钠。<p>

first-of-type

    <dl>
         <dt>作者:</dt>
         <dd>Dave shea:</dd>  /* 紅色 */ 
         <dd>Molly E. Holzschlag</dd>
         <dt>出版社:</dt>
         <dd>人民郵電出版社</dd>
     </dl>
     
     dd:first-of-type{ color:red;  }
first-of-type

偽元素選擇器

  • ::first-letter{....} 第一個(gè)字母
  • ::first-line{...} 第一行
  • ::before{ content: 'before'; } 在元素前插入
  • ::after{ content: 'after'; } 在元素后插入
  • ::selection 應(yīng)用于被用戶選中的內(nèi)容

組合選擇器

  • 后代選擇器
  • 子選擇器
  • 兄弟選擇器

CSS優(yōu)先級(jí)

  • a = 行內(nèi)樣式
  • b = ID選擇器
  • c = 類(lèi)、偽類(lèi)赠法、屬性選擇器
  • d = 標(biāo)簽選擇器和偽元素選擇器

value = a*1000 + b*100 + c*10 + d*1

CSS優(yōu)先級(jí)

CSS改變優(yōu)先級(jí)

  • 改變先后順序
  • 提升選擇器優(yōu)先級(jí)
  • !important

文本和顏色

font-size:

<length> | <percentage> | <absolute-size> | <relative-size>

line-height

normal | <number> | <length> | <percentage>
line-height: 3px or 3em or 300% or 3

** 300% 與 3的區(qū)別 **
假設(shè)父元素font-size : 30px

  • 300% : 先計(jì)算成固定值再繼承麦轰。（首先對(duì)父元素的字體進(jìn)行計(jì)算得到行高：30*3 = 90px,則子元素的文字字體變化，不影響子元素的行高）
  • 3 : 直接繼承砖织。（直接繼承l(wèi)ine-heitght = 3款侵，比如子元素設(shè)置font-size: 16px, 那么，line-height: 3*16 = 48px）

font

[ [<font-style> || <font-variant> || <font-weight> || <font-stretch> ] ? <font-size> [/ <line-height> ] ? <font-family> ] | caption | icon | menu | message-box | small-caption | status-bar
縮寫(xiě)：font:30px/2 "Consolas" , monospace;
縮寫(xiě)：font:italic bold 20px/1.5 arial,serif;
( <font-size>和<font-family>是必填項(xiàng))

text-align ：left | right | center | justify(兩端對(duì)齊)

....

vertical-align: baseline | sub 下標(biāo) | super 上標(biāo) | top | text-top | middle | bottom | text-bottom | <percentage> | <length>

....

text-indent 首行縮進(jìn) <length> | <percentage>

eg:
text-indent : 2em; 縮進(jìn)2個(gè)字侧纯；
text-indent:-9999px; 用于隱藏文字（SEO）

white-space normal | nowrap | pre | pre-wrap | pre-line

white-space

normal : 空格被合并新锈，自動(dòng)換行
nowrap: 空格被合并，不要換行
pre : 換行保留
pre-wrap： 保留格式+自動(dòng)換行（用的較多）
pre-line: 保留換行眶熬，合并空格妹笆，自動(dòng)換行

word-wrap:normal | break-word 單詞換行

...

word-break : normal | keep-all | break-all

keep-all 與 normal 基本一致，no break
break-all 單詞任意兩個(gè)字母都能換行（break）

text-shadow none | [<length>{2,3} && <color>?]#

 //x軸娜氏，y軸晾浴，（第三個(gè)值為模糊半徑），顏色不寫(xiě)默認(rèn)為文字的顏色
 text-shadow:1px 2px #f00;

text-overflow clip | ellipsis

 text-overflow : ellipsis;
 overflow : hidden;
 white-space : nowrap ;

inherit 強(qiáng)制繼承父元素屬性

font-size, font-family,font-weight, font-style, line-height, color, text-decoration, text-align, text-indent, white-space, word-wrap, word-break, text-shadow.....
都可以將值設(shè)置為inherit牍白，繼承父元素屬性

盒模型

  • border
  • margin
  • padding
  • content

padding 的值縮寫(xiě)

padding: 20px 10px 30px == padding : 20px 10px 30px 10px;
三個(gè)值的時(shí)候，表示：上抖棘， 左右茂腥，下

margin合并

  • 毗鄰元素

  • 父元素與第一個(gè)/最后一個(gè)子元素

    <div style="margin-bottom: 40px"><div>
<div style="margin-top:20px"><div>

border-radius: [<length> | <percentage> ] {1,4}[/[<length> | <percentage> ] {1,4} ] ?

圓角定義
border-radius例子

說(shuō)明： 上下看

  • 左上角（0px,20px)-水平半價(jià)狸涌，垂直半徑. [border-top-left-radius]
  • 右上角（5px,15px）
  • 右下角（10px,10px）
  • 左下角（15px,5px）

overflow: visible | hidden | scroll | auto
overflow-x, overflow-y

auto 超出自動(dòng)顯示滾動(dòng)條

box-sizing： content-box | border-box | inherit
默認(rèn)width，height設(shè)置的是內(nèi)容區(qū)最岗，content-box

box-sizing 示例

box-shoadow:none | <shadow> [,<shadow>]*
<shadow> : inset ? && <length>{2,4} && <color>?

box-shadow
內(nèi)外陰影

outline:[<outline-width>] || <outline-style> || <outline-color> | inherit 輪廓
outline-width: <lenght> | thin | medium | thick | inherit
outline-style: solid | dashed | dotted | ... | inherit
outline-color:<color> | invert | inherit

特點(diǎn)帕胆；

  • 不占空間（與box-shadow一樣）
  • 在border外
outline

背景

backgroud-image

<bg-image> [,<bg-image>] * 背景圖片可以有多張，疊加順序般渡，先設(shè)置的在上面懒豹，后設(shè)置在下面, 背景色在最下面

background-image: url(./red.png) , url(./blue.png)
background-color: green;
多張背景圖

backgound-repeat <repeat-style>[,<repeat-style>]*
repeat-style = repeat-x | repeat-y |
[repeat | space(平鋪中會(huì)有間隙，沒(méi)有被截掉的圖形) | round(平鋪會(huì)有拉伸驯用，正好放下圖形有拉伸) | no-repeat]{1,2}

background-image: url(./red.png) , url(./blue.png)
background-repeat: no-repeat repeat, repeat-x;
指定repeat方式

backgound-attachment 可以寫(xiě)多個(gè)脸秽；
<attachment> = scroll 默認(rèn)| fixed | local

scroll 滾動(dòng)的時(shí)候，背景不動(dòng)蝴乔，內(nèi)容動(dòng)
local 內(nèi)容背景一起動(dòng)
fixed 幾乎不用

background-position 可以設(shè)置多個(gè)

懶记餐，直接用圖

設(shè)置百分比的情況
background-position ： 20% 50%；
表示薇正，圖片的20% 50%（x,y）的點(diǎn)片酝，與容器的20% 50%的點(diǎn) 重合
所以都是50% 50%（= center center），則背景居中

20% 50%

設(shè)置一個(gè)值的情況
background-position：right挖腰； 表示X軸的100%位置對(duì)應(yīng)容器的100%位置雕沿，默認(rèn)Y軸center

right

設(shè)置四個(gè)值的情況
background-position：right 10px top 20px；
此時(shí)的right猴仑，top不能轉(zhuǎn)化為百分比审轮，其實(shí)表示的是參照位置（參照物的作用）

right 10px top 20px

雪碧圖的應(yīng)用

....

linear-gradient() 線性漸變
[ [<angle> | to <side-or-corner> ] ,] ? <color-stop> [,<color-stop> ] +

<side-or-corner> = [ left | right ] || [ top | bottom ]
<color-stop> = <color> [ <percentage> | <length>] ?

linear-gradient 線性漸變其本身不是CSS的屬性，而是屬性下面的數(shù)值宁脊，一般用在background的屬性里比較多断国，使用線性漸變需要注意,有很多種線性漸變的表達(dá)方式，對(duì)于不同的手機(jī)榆苞、版本也會(huì)有所不同稳衬。在手機(jī)web上面，使用這種格式比較安全坐漏，-webkit-gradient(linear, left top, left bottom, from(), to())

 backgound-image: linear-gradient(red,blue); // 默認(rèn)值是to bottom
linear-gradient(red,blue)

反向?qū)懛? backgound-image: linear-gradient(to top, red,blue);

backgound-image: linear-gradient(to right bottom, red,blue);

左上角到右下角

backgound-image: linear-gradient(45deg, red,blue);

45度 linear-gradient(45deg, red,blue);

backgound-image: linear-gradient( red,green,blue);
參數(shù)的百分比缺省表示平分（0% 50% 100%）

三色

設(shè)置的方法：backgound-image: linear-gradient( red,green 20%,blue);

linear-gradient( red,green 20%,blue);

radial-gradient() 徑向漸變

語(yǔ)法

<extent-keyword> = closest-side 離圓心最近的邊 | farthest-side 離圓心最遠(yuǎn)的邊 | closest-corner 離圓心最近的角 | farthest-corner 離圓心最遠(yuǎn)的度

background-image: radial-gradient(circle,red,blue)

repeat - * - gradient

background-image : repeating-linear-gradient(red,blue 20px , red 40px)
Paste_Image.png
background-image : repeating-radial-gradient(red,blue 20px , red 40px)
Paste_Image.png

background-origin = border-box | padding-box | content-box

區(qū)別就是薄疚，background 0,0 和 100%,100% 坐標(biāo)的區(qū)別，默認(rèn)值是padding-box

Paste_Image.png

background-clip = border-box | padding-box | content-box

 background-image:url(red.png)
 background-clip : padding-box
xiaoguo
 background-clip: content-box
Paste_Image.png
background-clip: content-box
background-origin : content-box 
聯(lián)合兩個(gè)屬性
完美.png

background-size = length | percentage | auto | cover | contain

Paste_Image.png

cover : 盡可能的小赊琳，但寬高不小于容器街夭，撐滿整個(gè)容器
contain：盡可能大，但寬高不大于容器躏筏，以最大的型 展現(xiàn)在容器中

background : url(red.png) 0 0/20px 20px no-repeat, url(blue.png) 50% 50%/contain no-repeat content-box green;

Paste_Image.png
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 人面猴
    序言：七十年代末板丽，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌埃碱，老刑警劉巖猖辫，帶你破解...
    沈念sama閱讀 218,858評(píng)論 6贊 508
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場(chǎng)離奇詭異砚殿，居然都是意外死亡啃憎，警方通過(guò)查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評(píng)論 3贊 395
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門(mén)似炎，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)辛萍，“玉大人，你說(shuō)我怎么就攤上這事羡藐》繁希” “怎么了？”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,282評(píng)論 0贊 356
  • 道士緝兇錄：失蹤的賣(mài)姜人
    文/不壞的土叔 我叫張陵传睹，是天一觀的道長(zhǎng)耳幢。 經(jīng)常有香客問(wèn)我，道長(zhǎng)欧啤，這世上最難降的妖魔是什么睛藻？ 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,842評(píng)論 1贊 295
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮邢隧，結(jié)果婚禮上店印，老公的妹妹穿的比我還像新娘。我一直安慰自己倒慧，他們只是感情好按摘，可當(dāng)我...
    茶點(diǎn)故事閱讀 67,857評(píng)論 6贊 392
  • 惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
    文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著纫谅，像睡著了一般炫贤。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上付秕，一...
    開(kāi)封第一講書(shū)人閱讀 51,679評(píng)論 1贊 305
  • 城市分裂傳說(shuō)
    那天兰珍，我揣著相機(jī)與錄音，去河邊找鬼询吴。 笑死掠河，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的猛计。 我是一名探鬼主播唠摹，決...
    沈念sama閱讀 40,406評(píng)論 3贊 418
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開(kāi)眼，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼奉瘤！你這毒婦竟也來(lái)了勾拉？” 一聲冷哼從身側(cè)響起，我...
    開(kāi)封第一講書(shū)人閱讀 39,311評(píng)論 0贊 276
  • 萬(wàn)榮殺人案實(shí)錄
    序言：老撾萬(wàn)榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎望艺，沒(méi)想到半個(gè)月后苛秕，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體，經(jīng)...
    沈念sama閱讀 45,767評(píng)論 1贊 315
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡找默，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3贊 336
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了吼驶。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片惩激。...
    茶點(diǎn)故事閱讀 40,090評(píng)論 1贊 350
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖蟹演，靈堂內(nèi)的尸體忽然破棺而出风钻，到底是詐尸還是另有隱情，我是刑警寧澤酒请，帶...
    沈念sama閱讀 35,785評(píng)論 5贊 346
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布骡技，位于F島的核電站，受9級(jí)特大地震影響羞反，放射性物質(zhì)發(fā)生泄漏布朦。R本人自食惡果不足惜，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,420評(píng)論 3贊 331
  • 男人毒藥：我在死后第九天來(lái)索命
    文/蒙蒙 一昼窗、第九天 我趴在偏房一處隱蔽的房頂上張望是趴。 院中可真熱鬧，春花似錦澄惊、人聲如沸唆途。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,988評(píng)論 0贊 22
  • 一樁弒父案掸驱，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)肛搬。三九已至，卻和暖如春毕贼，著一層夾襖步出監(jiān)牢的瞬間温赔，已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,101評(píng)論 1贊 271
  • 情欲美人皮
    我被黑心中介騙來(lái)泰國(guó)打工帅刀， 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留让腹，地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,298評(píng)論 3贊 372
  • 代替公主和親
    正文 我出身青樓扣溺，卻偏偏與公主長(zhǎng)得像骇窍，于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子锥余，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,033評(píng)論 2贊 355

推薦閱讀更多精彩內(nèi)容

  • 1.CSS簡(jiǎn)介 Cascading Style Sheet 層疊樣式表 主要用來(lái)定義頁(yè)面中的表現(xiàn)腹纳，HTML 描述頁(yè)...
    hyt222閱讀 827評(píng)論 0贊 0
  • 選擇qi：是表達(dá)式 標(biāo)簽選擇器 類(lèi)選擇器 屬性選擇器 繼承屬性： color，font，text－align嘲恍，li...
    wzhiq896閱讀 1,755評(píng)論 0贊 2
  • 選擇qi：是表達(dá)式 標(biāo)簽選擇器 類(lèi)選擇器 屬性選擇器 繼承屬性： color足画，font，text－align佃牛，li...
    love2013閱讀 2,315評(píng)論 0贊 11
  • 1淹辞、垂直對(duì)齊 如果你用CSS，則你會(huì)有困惑：我該怎么垂直對(duì)齊容器中的元素俘侠？現(xiàn)在象缀，利用CSS3的Transform，...
    kiddings閱讀 3,166評(píng)論 0贊 11
  • 1爷速、屬性選擇器：id選擇器 # 通過(guò)id 來(lái)選擇類(lèi)名選擇器 . 通過(guò)類(lèi)名來(lái)選擇屬性選擇器 ...
    Yuann閱讀 1,633評(píng)論 0贊 7