HTML&CSS筆記(1)

語義化

  • 標(biāo)簽一
 <body>標(biāo)簽：頁面上的所有內(nèi)容

 <p>段落文本</p>文章段落標(biāo)簽      //段前段后都會有空白，如果不喜歡這個空白自沧，可以用css樣式來刪除或改變它蚜迅。

 <hx>標(biāo)題文本</hx> (x為1-6)網(wǎng)頁添加標(biāo)題      //<h1>是最高的等級炒俱。一般h1標(biāo)簽被用在網(wǎng)站名稱上

 <strong>需要強(qiáng)調(diào)的文本</strong>（粗體）玫氢、<em>需要強(qiáng)調(diào)的文本</em>（斜體）

 <span>文本</span> 為了設(shè)置文本單獨(dú)樣式

 <q>引用文本</q> 會自動加雙引號引用

 <blocksquote>引用文本</blocksquote>  一般用于較長文本
 //html代碼中輸入**空格**糙箍、**回車**都是沒有作用的

 <br />   (寫在段落后 )   分行顯示文本

     （寫在需要空格的文字后）

 <hr />  加一條分割的橫線 寸士，同<br /> 是一個空標(biāo)簽  只有開始標(biāo)簽 無結(jié)束標(biāo)簽檐什。

 <address>聯(lián)系地址信息</address>  (也可以定義一個地址（比如電子郵件地址）、簽名或者文檔的作者身份)  --顯示為斜體

 <code>代碼語言</code>   插入顯示代碼語言時弱卡，適用于一行代碼  多行可用<pre>

  <pre>語言代碼段</pre>   插入顯示代碼段 （會預(yù)格式化文本乃正、被包圍在 pre 元素中的文本通常會保留空格和換行符）
===網(wǎng)頁中預(yù)顯示格式時都可以使用它
  • 標(biāo)簽二
ul-li標(biāo)簽:   信息列表（每項li前都自帶一個圓點(diǎn)）
<ul>
 <li>[信息]</li>
 <li>[信息]</li> 
......
</ul>

ol-li：有序列表標(biāo)簽 (每項<li>前都自帶一個序號，序號默認(rèn)從1開始)
<ol>
 <li>[信息]</li>
 <li>[信息]</li> 
......
</ol>

<div>…</div> 劃分出獨(dú)立模塊婶博、邏輯部分（相當(dāng)于一個容器）
參考代碼：
<div> 
        <h2>熱門課程排行榜</h2> 
        <ol>
              <li>前端開發(fā)面試心法 </li>
              <li>零基礎(chǔ)學(xué)習(xí)html</li>
              <li>javascript全攻略</li>
        </ol>
</div>
<div> 
         <h2>最新課程排行</h2>
         <ol> 
              <li>版本管理工具介紹—Git篇 </li> 
              <li>Canvas繪圖詳解</li>
              <li>QQ5.0側(cè)滑菜單</li>
         </ol>
</div>

<div  id="版塊名稱">…</div>   (給div命名瓮具，使邏輯更加清晰) ==為這一個獨(dú)立的邏輯部分
設(shè)置一個名稱，用id屬性來為<div>提供唯一的名稱


表格：
table凡人、tbody名党、tr、th挠轴、td
1传睹、<table>…</table>：整個表格以<table>標(biāo)記開始、</table>標(biāo)記結(jié)束岸晦。
2欧啤、<tbody>…</tbody>：當(dāng)表格內(nèi)容非常多時睛藻，表格會下載一點(diǎn)顯示一點(diǎn)，但如果加上<tbody>標(biāo)簽后邢隧，這個表格就要等表格內(nèi)容全部下載完才會顯示店印。如右側(cè)代碼編輯器中的代碼。
3倒慧、<tr>…</tr>：表格的一行按摘，所以有幾對tr 表格就有幾行。
4迫靖、<td>…</td>：表格的一個單元格院峡，一行中包含幾對<td>..</td>
，說明一行中就有幾列系宜。
5照激、<th>…</th>：表格的頭部的一個單元格，**表格表頭盹牧。**
6俩垃、表格中列的個數(shù)，取決于一行中數(shù)據(jù)單元格的個數(shù)汰寓。
(沒有表格線/表頭口柳，也就是th標(biāo)簽中的文本默認(rèn)為**粗體**并且**居中**顯示)

 <table summary="表格簡介文本">    (摘要：摘要的內(nèi)容是不會在瀏覽器中顯示出來，增加表格的可讀性(語義化))
 <caption>****標(biāo)題文本</caption>   （描述表格內(nèi)容有滑，標(biāo)題的顯示位置：表格上方）
示例如下
<table summary="表格簡介文本">
         <caption>標(biāo)題文本</caption>
         <tr> 
               <td>…</td> 
               <td>…</td> 
               … 
         </tr>
        …
</table>

超鏈接：
<a  href="目標(biāo)網(wǎng)址"  title="鼠標(biāo)滑過顯示的文本">鏈接顯示的</a>  
實現(xiàn)超鏈接語法 
title屬性：鼠標(biāo)滑過鏈接文字時會顯示這個屬性的文本內(nèi)容
<a>標(biāo)簽在默認(rèn)情況下跃闹，鏈接的網(wǎng)頁是在當(dāng)前瀏覽器窗口中打開
<a href="目標(biāo)網(wǎng)址" target="_blank">click here!</a>  在新的瀏覽器窗口打開鏈接

<a>標(biāo)簽還有一個作用是可以鏈接Email地址使用mailto能讓訪問者便捷向網(wǎng)站管理者發(fā)送
電子郵件。如果mailto后面同時有多個參數(shù)的話毛好，第一個參數(shù)必須以“?”開頭望艺，后面的參數(shù)
每一個都以“&”分隔。
<a href = "mailto : 郵箱地址"> 發(fā)送</a>  (瀏覽器自動調(diào)用默認(rèn)客戶端郵件程序肌访，并在收貨人中自動填上地址)
cc=填寫抄送地址  bcc=密件抄送地址  subject= 添加郵件主題 body= 添加郵件內(nèi)容
如：<a href = "mailto:yy@imooc.com ? subject= 該死 & body= 你好">發(fā)送</a>
<a href = "mailto : 郵箱地址 找默；另一個郵箱地址"> 發(fā)送</a>  （分好隔開多個收貨人地址，群發(fā)）


圖片：
<img arc="圖片地址" alt="下載失敗時的替換文本" title = "提示文本">
1吼驶、src：標(biāo)識圖像的位置（加載圖片惩激；
2、alt：指定圖像的描述性文本蟹演，當(dāng)圖像不可見時（下載不成功時）风钻，可看到該屬性指定的文本；
3酒请、title：提供在圖像可見時對圖像的描述(鼠標(biāo)滑過圖片時顯示的文本)魄咕；
4、圖像可以是GIF蚌父，PNG哮兰，JPEG格式的圖像文件



#表單標(biāo)簽毛萌、與用戶交互
<form   method="傳送方式"   action="服務(wù)器文件">






#單選、復(fù)選框
<input   type="radio/checkbox"   value="值"    name="名稱"   checked="checked"/>
1喝滞、   當(dāng) type="radio" 時阁将，控件為單選框
      當(dāng) type="checkbox" 時，控件為復(fù)選框
2右遭、value：提交數(shù)據(jù)到服務(wù)器的值（后臺程序PHP使用）
3做盅、name：為控件命名店枣，以備后臺程序 ASP馍资、PHP 使用
4倦沧、checked：當(dāng)設(shè)置 checked="checked" 時喳整，該選項被默認(rèn)選中
??：同一組的單選按鈕，name 取值一定要一致

#下拉列表選擇框 eg:
  <select>
      <option value="看書">看書</option>
      <option value="旅游">旅游</option>
      <option value="運(yùn)動">運(yùn)動</option>
      <option value="購物" selected = "selected">購物</option>
    </select>
1每篷、value是向服務(wù)器提交的值
2篇裁、<option>選項</option>  選項為顯示的可選擇的值
3菲饼、設(shè)置selected ="selected"屬性让腹，表示該選擇項默認(rèn)被選中


#下拉列表框多選
在 select標(biāo)簽中設(shè)置multiple="multiple"屬性远剩，如下：
<select multiple = "multiple">...</select>

#提交按鈕（確定、提交數(shù)據(jù)）骇窍、重置按鈕（使輸入框等恢復(fù)初始狀態(tài)）
 <input  type="submit" value="提交" name="submitBtn" />
<input type="reset" value="重置"  />
1瓜晤、type為submit時，按鈕才有提交作用腹纳、為reset時痢掠，才有重置作用
2、value：按鈕上顯示的文字

#label標(biāo)簽
label標(biāo)簽不會向用戶呈現(xiàn)任何特殊效果嘲恍，在 label 標(biāo)簽內(nèi)點(diǎn)擊文本志群，就會觸發(fā)此控件。就是說蛔钙，
當(dāng)用戶單擊選中該label標(biāo)簽時，瀏覽器就會自動將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上（就自動選
中和該label標(biāo)簽相關(guān)連的表單控件上）荠医。
<label for ="123">慢跑</label>
<label for="控件id名稱">  （標(biāo)簽的 for 屬性中的值應(yīng)當(dāng)與相關(guān)控件的 id 屬性值一定要相同吁脱。）如：（注意label中for和控件上id的值）
  <label for="female">女</label>
  <input type="radio" name="gender" id="female" />
  <br />
  <label for="email">輸入你的郵箱地址</label>
  <input type="email" id="email" placeholder="Enter email">

CSS

認(rèn)識CSS

1、CSS全稱為“層疊樣式表 (Cascading Style Sheets)”彬向，它主要是用于定義HTML內(nèi)容在瀏覽器內(nèi)的顯示樣式兼贡，如文字大小、顏色娃胆、字體加粗等

//如下即設(shè)置段落p內(nèi)的樣式
p{
   font-size:12px;/*設(shè)置文字字號*/
   color:red;/*設(shè)置文字顏色*/
   font-weight:bold;/*設(shè)置字體加粗*/
}

2遍希、把<p></p>中的三個短語設(shè)置顏色：
把這三個短語用<span></span>括起來，在寫如以下代碼：

span{
   color:red;
}

3里烦、CSS代碼語法
css 樣式由選擇符和聲明組成凿蒜，而聲明又由屬性和值組成禁谦，如下圖所示

52fde5c30001b0fe03030117.jpg.png

選擇符：選擇器、指明網(wǎng)頁中要應(yīng)用樣式規(guī)則的元素废封，如本例中是網(wǎng)頁中所有的段（p）的文字將變成藍(lán)色州泊，而其他的元素（如ol）不會受到影響。
聲明：在{}中漂洋，屬性和值之間冒號隔開遥皂，多條聲明分好隔開
如：

p{
   font-size:12px;
   color:red;
   font-weight:bold;
}

4


屏幕快照 2016-11-18 下午9.02.51.png

5、CSS 樣式代碼插入的形式來看基本可以分為以下3種：內(nèi)聯(lián)式刽漂、嵌入式和外部式三種

內(nèi)聯(lián)式：

css樣式表就是把css代碼直接寫在現(xiàn)有的HTML開始標(biāo)簽中,如

<p style="color:red">這里文字是紅色演训。</p>

css樣式代碼要寫在style=""雙引號中，如果有多條css樣式代碼設(shè)置可以寫在一起贝咙，中間用分號隔開样悟，如：

<p style="color:red;font-size:12px">這里文字是紅色。</p>

嵌入式css樣式颈畸，

就是可以把css樣式代碼寫在<style type="text/css"></style>標(biāo)簽之間乌奇。如下面代碼實現(xiàn)把三個<span>標(biāo)簽中的文字設(shè)置為紅色：

<style type="text/css">
span{
   color:red;
}
</style>

嵌入式css樣式必須寫在<style></style>之間，并且一般情況下嵌入式css樣式寫在<head></head>之間,如上

外部式css樣式

(也可稱為外聯(lián)式)就是把css代碼寫一個單獨(dú)的外部文件中眯娱，這個css樣式文件以“.css”為擴(kuò)展名礁苗，在<head>內(nèi)（不是在<style>標(biāo)簽內(nèi)）使用<link>標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi)，如下面代碼：

<link href="base.css" rel="stylesheet" type="text/css" />

1徙缴、（如上base.css试伙，即單獨(dú)的外部css文件名稱）css樣式文件名稱以有意義的英文字母命名，如 main.css于样。
2疏叨、rel="stylesheet" type="text/css" 是固定寫法不可修改。
3穿剖、<link>標(biāo)簽位置一般寫在<head>標(biāo)簽之內(nèi)蚤蔓。
然后再css文件中修改樣式


屏幕快照 2016-11-18 下午9.54.15.png
<link href="style.css" rel="stylesheet" type="text/css" />

上述三種方法的優(yōu)先級

內(nèi)聯(lián)式 > 嵌入式 > 外部式
注意點(diǎn)：1??、外部式<link href="style.css" ...>代碼在嵌入式<style type="text/css">...</style>代碼的前面糊余，所以離設(shè)置元素較遠(yuǎn)秀又，即它們的優(yōu)先級遵循就近原則。
2??贬芥、上面所總結(jié)的優(yōu)先級是有一個前提：內(nèi)聯(lián)式吐辙、嵌入式、外部式樣式表中css樣式是在的相同權(quán)值的情況下

選擇器

每一條css樣式聲明（定義）由兩部分組成蘸劈，形式如下：

選擇器{                            body{
       樣式;                            font-size:12px  
      }                                }

{}之前的部分就是“選擇器”昏苏，“選擇器”指明了{(lán)}中的“樣式”的作用對象，也就是“樣式”作用于網(wǎng)頁中的哪些元素

屏幕快照 2016-11-19 下午2.24.11.png

類選擇器

語法：

.類選器名稱{css樣式代碼;} (英文圓點(diǎn)開頭、類選擇器名稱可以任意命名)

使用方法：

1??使用合適的標(biāo)簽把要修飾的內(nèi)容標(biāo)記起來贤惯，如：
<span>膽小如鼠</span>
2??使用class="類選擇器名稱"為標(biāo)簽設(shè)置一個類洼专，如：
<span class="stress">膽小如鼠</span>
3??設(shè)置類選器css樣式，如：
.stress{color:red;}

ID選擇器

ID選擇器都類似于類選擇符,區(qū)別：
1??救巷、為標(biāo)簽設(shè)置id = "ID名稱"壶熏，而不是class = "類名稱"。
2??浦译、ID選擇符前面是井號（#）棒假，而不是英文圓點(diǎn)（.）。
如：

<span id = "halo">簡單的問學(xué)</span>

#halo{
    font-size:20px;
    color:green;
}

類和ID選擇器的區(qū)別：

相同點(diǎn)：可以用于任何元素

不同點(diǎn)：
1??ID選擇器只能在文檔中使用一次精盅。與類選擇器不用帽哑，在一個HTML文檔中，ID選擇器只能使用一次叹俏，而且僅一次妻枕，而類選擇器可以使用很多次。
2??可以使用類選擇器 詞列表方法為一個元素同時設(shè)置多個樣式粘驰，只可用類選擇器方法實現(xiàn)屡谐，ID選擇器不行（不能使用ID 詞列表）
如：

.stress{    
      color:red;
 }
.bigsize{   
      font-size:25px;
}
<p>到了<span **class="stress bigsize"**>三年級</span>下學(xué)期時，我們班上了一節(jié)公開課...</p>

子選擇器

即大于符號(>),用于選擇指定標(biāo)簽元素的第一代子元素蝌数。如:

.food>li{border:1px solid red;}

//如此處是為 <p>..</p>標(biāo)簽中的*第一代子元素*<span>..</span>里的內(nèi)容設(shè)置灰色邊框

.first>span{
    border:2px solid gray;
}

<p class="first">三年級時愕掏，<span>我還是一個<span>膽小如鼠</span>的小女孩</span>，上課從來不敢回答老師提出的問題</p>

包含（后代）選擇器

包含選擇器顶伞，即加入空格,用于選擇指定標(biāo)簽元素下的后輩元素,如：

.first span{color:red;} //即設(shè)置first類下所有span元素的字體為紅色饵撑，也可繼續(xù)加新標(biāo)簽賦值，如直接
在后面寫上 <strong>{color:blue }, 同時給下面<p>標(biāo)簽中需要設(shè)置蔚藍(lán)色字體的文字加上<strong >標(biāo)簽

<p class="first">三年級時唆貌，我還是一個<span>膽小如鼠</span>的小女孩</p>

與子選擇器區(qū)別：子選擇器（child selector）僅是指它的直接后代滑潘，或者你可以理解為作用于子元素的第一代后代。后代選擇器是作用于所有子后代元素锨咙。后代選擇器通過空格來進(jìn)行選擇语卤，而子選擇器是通過“>”進(jìn)行選擇±业叮總結(jié)：>作用于元素的第一代后代粹舵，空格作用于元素的所有后代。

通用選擇器

通用選擇器是功能最強(qiáng)大的選擇器蓖宦，它使用一個（*）號指定，它的作用是匹配html中所有標(biāo)簽元素油猫，如下使用下面代碼使用html中任意標(biāo)簽元素字體顏色全部設(shè)置為紅色：

* {color:red;}

偽類選擇符

允許給html不存在的標(biāo)簽（標(biāo)簽的某種狀態(tài)）設(shè)置樣式稠茂，比如說我們給html中一個標(biāo)簽元素的鼠標(biāo)滑過的狀態(tài)來設(shè)置字體大小顏色:

a:hover{
    color:red;
    font-size:22px
}

上面一行代碼就是為 a 標(biāo)簽鼠標(biāo)滑過的狀態(tài)設(shè)置字體顏色變紅變大

關(guān)于偽選擇符：
目前為止，可以兼容所有瀏鑒器的“偽類選擇符”就是 a 標(biāo)簽上使用 :hover 了（其實偽類選擇符還有很多，尤其是 css3 中睬关，但是因為不能兼容所有瀏覽器诱担，本教程只是講了這一種最常用的）。其實 :hover 可以放在任意的標(biāo)簽上电爹，比如說 p:hover蔫仙，但是它們的兼容性也是很不好的，所以現(xiàn)在比較常用的還是 a:hover 的組合丐箩。

分類選擇符

為html中多個標(biāo)簽元素設(shè)置同一個樣式時摇邦，可以使用分組選擇符（，）屎勘，如下：

h1,span{color:red;}

它相當(dāng)于下面兩行代碼：

h1{color:red;}
span{color:red;}

CSS特性

繼承性

繼承是一種規(guī)則施籍，它允許樣式不僅應(yīng)用于某個特定html標(biāo)簽元素，而且應(yīng)用于其后代概漱。如某種顏色應(yīng)用于p標(biāo)簽丑慎，這個顏色設(shè)置不僅應(yīng)用p標(biāo)簽，還應(yīng)用于p標(biāo)簽中的所有子元素文本瓤摧，這里子元素為span標(biāo)簽竿裂。

p{color:red;}

<p>三年級時，我還是一個<span>膽小如鼠</span>的小女孩照弥。</p>

注意有一些css樣式是不具有繼承性的腻异。如border:1px solid red;

p{border:1px solid red;}

<p>三年級時，我還是一個<span>膽小如鼠</span>的小女孩产喉。</p>

上面例子中它代碼的作用只是給p標(biāo)簽設(shè)置了邊框為1像素捂掰、紅色、實心邊框線曾沈，而對于子元素span是沒用起到作用的这嚣。

特殊性

有的時候我們?yōu)橥粋€元素設(shè)置了不同的CSS樣式代碼，那么元素會啟用哪一個CSS樣式? 看一下面的代碼：

p{color:red;}
.first{color:green;}
<p class="first">三年級時塞俱，我還是一個<span>膽小如鼠</span>的小女孩姐帚。</p>

green是正確的顏色,因為瀏覽器是根據(jù)權(quán)值來判斷使用哪種css樣式的，權(quán)值高的就使用哪種css樣式障涯。

權(quán)值的規(guī)則：

標(biāo)簽的權(quán)值為1罐旗，類選擇符的權(quán)值為10，ID選擇符的權(quán)值最高為100唯蝶。例如下面的代碼：

p{color:red;} **/*權(quán)值為1*/**
p span{color:green;} **/*權(quán)值為1+1=2*/**
.warning{color:white;} **/*權(quán)值為10*/**p 
span.warning{color:purple;} **/*權(quán)值為1+1+10=12*/**
#footer .note p{color:yellow;} **/*權(quán)值為100+10+1=111*/**

還有一個權(quán)值比較特殊--繼承也有權(quán)值但很低九秀，有的文獻(xiàn)提出它只有0.1，所以可以理解為繼承的權(quán)值最低粘我。

層疊

如果在html文件中對于同一個元素可以有多個css樣式存在并且這多個css樣式具有相同權(quán)重值怎么辦鼓蜒？
層疊就是在html文件中對于同一個元素可以有多個css樣式存在痹换，當(dāng)有相同權(quán)重的樣式存在時，會根據(jù)這些css樣式的前后順序來決定都弹，處于最后面的css樣式會被應(yīng)用娇豫。

p{color:red;}
p{color:green;}
<p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩畅厢。</p>

最后 p 中的文本會設(shè)置為green冯痢，這個層疊很好理解，理解為后面的樣式會覆蓋前面的樣式框杜。
所以前面的css樣式優(yōu)先級就不難理解了：

內(nèi)聯(lián)樣式表（標(biāo)簽內(nèi)部）> 嵌入樣式表（當(dāng)前文件中）> 外部樣式表（外部文件中）浦楣。(此處嵌入式跟外部式依據(jù)具體位置而定)

重要性

做網(wǎng)頁代碼的時，有些特殊的情況需要為某些樣式設(shè)置具有最高權(quán)值霸琴，這時候我們可以使用!important來解決椒振。
如下代碼：

p{color:red**!important**;}
p{color:green;}
<p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩梧乘。</p>

這時 p 段落中的文本會顯示的red紅色澎迎。
注意：!important要寫在分號的前面

注意當(dāng)網(wǎng)頁制作者不設(shè)置css樣式時，瀏覽器會按照自己的一套樣式來顯示網(wǎng)頁选调。并且用戶也可以在瀏覽器中設(shè)置自己習(xí)慣的樣式夹供，比如有的用戶習(xí)慣把字號設(shè)置為大一些，使其查看網(wǎng)頁的文本更加清楚仁堪。這時注意樣式優(yōu)先級為：瀏覽器默認(rèn)的樣式 < 網(wǎng)頁制作者樣式 < 用戶自己設(shè)置的樣式哮洽，但記住!important優(yōu)先級樣式是個例外，權(quán)值高于用戶自己設(shè)置的樣式弦聂。

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末鸟辅，一起剝皮案震驚了整個濱河市，隨后出現(xiàn)的幾起案子莺葫，更是在濱河造成了極大的恐慌匪凉，老刑警劉巖，帶你破解...
    沈念sama閱讀 218,036評論 6贊 506
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件捺檬，死亡現(xiàn)場離奇詭異再层，居然都是意外死亡，警方通過查閱死者的電腦和手機(jī)堡纬，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3贊 395
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門聂受，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人烤镐，你說我怎么就攤上這事蛋济。” “怎么了炮叶？”我有些...
    開封第一講書人閱讀 164,411評論 0贊 354
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵碗旅，是天一觀的道長鹊杖。 經(jīng)常有香客問我，道長扛芽，這世上最難降的妖魔是什么？ 我笑而不...
    開封第一講書人閱讀 58,622評論 1贊 293
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任积瞒，我火速辦了婚禮川尖，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘茫孔。我一直安慰自己叮喳，他們只是感情好，可當(dāng)我...
    茶點(diǎn)故事閱讀 67,661評論 6贊 392
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布缰贝。 她就那樣靜靜地躺著馍悟，像睡著了一般。 火紅的嫁衣襯著肌膚如雪剩晴。 梳的紋絲不亂的頭發(fā)上锣咒，一...
    開封第一講書人閱讀 51,521評論 1贊 304
  • 城市分裂傳說
    那天，我揣著相機(jī)與錄音赞弥，去河邊找鬼毅整。 笑死，一個胖子當(dāng)著我的面吹牛绽左，可吹牛的內(nèi)容都是我干的悼嫉。 我是一名探鬼主播，決...
    沈念sama閱讀 40,288評論 3贊 418
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼拼窥，長吁一口氣：“原來是場噩夢啊……” “哼戏蔑！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起鲁纠，我...
    開封第一講書人閱讀 39,200評論 0贊 276
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤总棵，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后房交，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體彻舰，經(jīng)...
    沈念sama閱讀 45,644評論 1贊 314
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,837評論 3贊 336
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年候味，在試婚紗的時候發(fā)現(xiàn)自己被綠了刃唤。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,953評論 1贊 348
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡白群，死狀恐怖尚胞，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情帜慢，我是刑警寧澤笼裳，帶...
    沈念sama閱讀 35,673評論 5贊 346
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布唯卖，位于F島的核電站，受9級特大地震影響躬柬，放射性物質(zhì)發(fā)生泄漏拜轨。R本人自食惡果不足惜，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,281評論 3贊 329
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一允青、第九天 我趴在偏房一處隱蔽的房頂上張望橄碾。 院中可真熱鬧，春花似錦颠锉、人聲如沸法牲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0贊 22
  • 一樁弒父案琼掠，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽拒垃。三九已至，卻和暖如春瓷蛙，著一層夾襖步出監(jiān)牢的瞬間悼瓮，已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1贊 269
  • 情欲美人皮
    我被黑心中介騙來泰國打工艰猬， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留谤牡，地道東北人。 一個月前我還...
    沈念sama閱讀 48,119評論 3贊 370
  • 代替公主和親
    正文 我出身青樓姥宝，卻偏偏與公主長得像翅萤，于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子腊满，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,901評論 2贊 355

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案套么？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,753評論 1贊 92
  • 本文主要是起筆記的作用，內(nèi)容來自慕課網(wǎng). 認(rèn)識CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,641評論 0贊 30
  • 本課來自http://www.imooc.com/learn/9請不要用作商業(yè)用途碳蛋。 HTML5 HTML介紹 H...
    PYLON閱讀 3,227評論 0贊 5
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,553評論 32贊 459
  • 我一直都對理財領(lǐng)域很有興趣肃弟，堅信不管掙多掙少玷室，都要懂理財，讓有限的工資笤受，發(fā)揮最大的價值穷缤。 早在畢業(yè)前，我就寫過一篇...
    葛曉gxiao閱讀 356評論 2贊 7