整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
過不少戲劇會在劇情中加入現(xiàn)實生活里所發(fā)生的真人真事事件，以此結(jié)合戲劇的真實感與爆笑成份，只要標(biāo)準(zhǔn)拿捏的好大部分都是有加分效果，反之一個沒處理好就變成今日炎上事件。最近有一部韓劇就惹怒觀眾，因為他們不僅在劇中露出真實人名還出現(xiàn)在觸霉頭的場景上，要說是純屬巧合真的讓人很難相信阿......
2017年2月20日開播的《超人家族 2017》就是這次的炎上韓劇
《超人家族 2017》是一部情境喜劇，以爸爸、媽媽和女兒三人角色來詮釋生活上所遇到的大小事情，由于貼近生活讓觀眾共鳴感很強(qiáng)，也是SBS睽違五年后再次出現(xiàn)的作品類型。
這部韓劇拉拉沒追，稍微看一下新聞里提到的爭議喬段是發(fā)生在靈骨塔里的場景，這一趴的劇情有帶到一個畫面是弔唁冊上的人名，在第一欄的部分會看到死亡者為「???（鄭秀妍）」，而憑弔人則是「???（鄭秀晶）」，讓眼尖觀眾發(fā)現(xiàn)這不就是女星Jessica和Krystal的本名嗎？！
重點最后一欄的的留言處更是寫下「姐姐我好想你......我愛你......」
這畫面怎么看怎么尷尬阿......
Jessica和Krystal在現(xiàn)實生活中是感情非常好的姐妹，妹控Jessica非常疼愛Krystal，之前在生日會上讀到妹妹親筆寫下的告白信更是讓她潰堤，對妹妹的喜愛表露無遺，而妹妹Krystal對姐姐的依賴與支持更是從曝光的日常互動中能看出，鄭氏姐妹的感情說有多好就有多好。
兩人的Instagram上時不時會看到彼此身影
雖然官方表示不是故意，但巧合的說法讓觀眾難接受
劇中提到兩人本名讓人很難不與真人聯(lián)想在一起，重點也設(shè)定成姐妹身份說有多敏感就多敏感，如果是放在歡樂的喜劇喬段可能觀眾還能接受，但放進(jìn)超級觸霉頭的死亡名單上讓大家真的很難接受巧合一說。
還有一個無法接受的說法就是兩人知名度這么高怎可能沒發(fā)現(xiàn)問題點......
官方表示：本故事純屬虛構(gòu)，如有雷同實屬巧合
觀眾：屁勒......（╯－＿－）╯╧╧
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
韓語樂樂老師韓語網(wǎng)課推薦
（復(fù)制鏈接打開即可在傳課APP或PC端學(xué)習(xí)）
零基礎(chǔ)起點韓語發(fā)音課
https://chuanke.baidu.com/3092991-132957.html
跟李準(zhǔn)基一起學(xué)習(xí)你好韓國語第一冊
https://chuanke.baidu.com/3092991-133064.html
新標(biāo)準(zhǔn)韓國語初級上
https://chuanke.baidu.com/3092991-149175.html
新標(biāo)準(zhǔn)韓國語初級下
https://chuanke.baidu.com/3092991-162093.html
首爾大學(xué)韓國語第一冊
https://chuanke.baidu.com/3092991-150358.html
首爾大學(xué)韓國語第二冊（新課出爐，歡迎學(xué)習(xí)）
https://chuanke.baidu.com/3092991-218245.html
標(biāo)準(zhǔn)韓國語第一冊
https://chuanke.baidu.com/3092991-169843.html
標(biāo)準(zhǔn)韓國語第二冊
https://chuanke.baidu.com/3092991-197598.html
家今天好我是小月,為大家介紹一下建站的基礎(chǔ)語音,喜歡的建站的朋友要認(rèn)真閱讀,這會對你有一定的幫助!!
DW使用；
搭建 一個站點；
首頁文件名稱：index.html
文件夾 style js
w3c 是一個組織，制定網(wǎng)頁規(guī)范標(biāo)準(zhǔn)的組織；
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
聲明網(wǎng)頁的編碼格式；
常用的編碼格式；utf-8 國際通用標(biāo)準(zhǔn)，支持英文，中文，韓文，越南語
日語等等。。。；
gbk(gb2312)它是國標(biāo)，支持中文簡體繁體；跟后臺有關(guān)；
字體：編輯， 首選參數(shù) 字體
列表 type修改列表符號；
布局，搭建一個網(wǎng)頁結(jié)構(gòu)；根據(jù)用戶體驗需求對內(nèi)容進(jìn)行合理規(guī)劃；根據(jù)網(wǎng)絡(luò)營銷需求；
怎么布局；
表格布局
表格的最外層標(biāo)記，<table> </table>
表格里面的行用<tr></tr>表示；一對tr表示一行；
一個單元格用<td></td>來表示；
表格里面有一個屬性 邊框 border 默認(rèn)情況下，這個border="0"
ctrl alt a
單元格與單元格的縫 cellspacing 默認(rèn)情況 不為0
跨行 rowspan 跨行，就是指一個單元格在垂直方向占領(lǐng)多行；
跨列 colspan 在水平方向占領(lǐng)多個單元格；
背景顏色 bgcolor
布局 table布局；現(xiàn)在不是主流， 但是在網(wǎng)頁中還是會用到；現(xiàn)在主要用
div+css來進(jìn)行網(wǎng)頁布局；
為什么要用div+css呢？
簡單一些；
2 代碼相對table而言，div+css涉及到的代碼行數(shù)更少；
2 div+css網(wǎng)頁布局有利于seo；做搜索引擎喜歡網(wǎng)站；
2 div+css方便后期管理維護(hù)（css講完之后再來理解；）
2 有利于瀏覽器的向后兼容；新的瀏覽器不能識別傳統(tǒng)的一些布局標(biāo)簽，但是div+css
所涉及的標(biāo)簽瀏覽器能夠很好的識別；
ie 5 6 7 8 9 10 11 12
CSS是什么？
有什么用？
CSS全稱是 層疊樣式表 Cascading Style Sheets 也叫樣式 ，style
修飾，美化網(wǎng)頁的；
table 表格，結(jié)構(gòu)
如何在網(wǎng)頁中實現(xiàn)CSS；CSS表現(xiàn)形式；
三種常見的表現(xiàn)形式（實現(xiàn)方式）；
每一種 行內(nèi)式，
直接在html開始標(biāo)簽里面寫上style="屬性：屬性值；屬性：屬性值；"
第二種寫法： 內(nèi)部嵌入式（嵌入式）
在<head></head>內(nèi)部嵌入
<style>
css代碼
html標(biāo)簽{屬性：屬性值；}
</style>
第三種表現(xiàn)形式；外部鏈接式（外鏈?zhǔn)剑?/p>
把css樣式單獨(dú)放在一個style樣式文件夾里面，然后在html頁面中來調(diào)用這個css文件；
<link rel="stylesheet" type="text/css" href="style/yangshi.css"/>
以后大家都使用第三種表現(xiàn)式，外部鏈接式；
為什么要用第三種表現(xiàn)形式；
第一,w3c組織推薦使用第三種外鏈?zhǔn)剑?/p>
第二，外部鏈接式實現(xiàn)了表現(xiàn)（html）與樣式（css）相分離（有利于簡化頁面結(jié)構(gòu)），
有利于后期維護(hù)修改等（選擇器）；
第三，有利于搜索引擎優(yōu)化（seo）
選擇器
是什么？
有什么用？
p{color:red;} 它表示把所有的p標(biāo)簽里面的內(nèi)容都變成紅色；
作用：指定樣式控制修飾的對象；
常用的基礎(chǔ)選擇器；
標(biāo)簽選擇器；直接把html標(biāo)簽?zāi)玫絚ss里面當(dāng)選擇器使用的稱之為標(biāo)簽選擇器；
類選擇器；
給元素取名；
在開始標(biāo)簽里面寫上 class="類名" ，注意，類名不要以數(shù)字開頭；一般用英文小寫開頭；
在css里面寫上 .類名{屬性：屬性值；屬性：屬性值；}
background:#09F; 背景顏色 這是在css里面的寫法；
bgcolor 這是在html標(biāo)簽里面的寫法；
text-align:center; 文字居中；
以上是今天的建站的內(nèi)容，喜歡的小伙伴關(guān)注一下我每天都會更新這方面的知識！謝謝大家！
TML 是用來描述網(wǎng)頁的一種語言。
HTML 指的是超文本標(biāo)記語言 (Hyper Text Markup Language)
HTML 不是一種編程語言，而是一種標(biāo)記語言 (markup language)
標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
HTML5 是最新的 HTML 標(biāo)準(zhǔn)。
HTML5 是專門為承載豐富的 web 內(nèi)容而設(shè)計的，并且無需額外插件。
HTML5 擁有新的語義、圖形以及多媒體元素。
HTML5 提供的新元素和新的 API 簡化了 web 應(yīng)用程序的搭建。
HTML5 是跨平臺的，被設(shè)計為在不同類型的硬件（PC、平板、手機(jī)、電視機(jī)等等）之上運(yùn)行。
CSS 是一種描述 HTML 文檔樣式的語言。
CSS 描述應(yīng)該如何顯示 HTML 元素。
CSS 用于控制網(wǎng)頁的樣式和布局。
CSS3 是最新的 CSS 標(biāo)準(zhǔn)。
CSS3 被拆分為"模塊"。主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。
CSS3的新特征有很多，例如圓角效果、圖形化邊界、塊陰影與文字陰影、使用RGBA實現(xiàn)透明效果、漸變效果、使用@Font-Face實現(xiàn)定制字體、多背景圖、文字或圖像的變形處理（旋轉(zhuǎn)、縮放、傾斜、移動）、多欄布局、媒體查詢等。
要實現(xiàn)如下效果：
HTML5:
<ruby>
少<rt>shào</rt>小<rt>xiǎo</rt>離<rt>lí</rt>家<rt>jiā</rt>老<rt>lǎo</rt>大<rt>dà</rt>回<rt>huí</rt>
</ruby>，
<ruby>
鄉(xiāng)<rt>xiāng</rt>音<rt>yīn</rt>無<rt>wú</rt>改<rt>gǎi</rt>鬢<rt>bìn</rt>毛<rt>máo</rt>衰<rt>cuī</rt>
</ruby>。使用說明 | |
line-break | 用于指定如何（或是否）斷行。除了Firefox，其它瀏覽器都支持。取值包括： |
word-wrap | 允許長單詞或URL地址換行到下一行。所有瀏覽器都支持。取值包括： |
word-break | 定義文本自動換行。Chrome和Safari瀏覽器支持不夠友好。取值包括： |
white-space | 設(shè)置如何處理元素中的空格。所有瀏覽器都支持。取值包括： |
要實現(xiàn)的效果：
CSS3：
p {
text-align: center;
font: bold 60px helvetica, arial, sans-serif;
color: #fff;
text-shadow: black 0.1em 0.1em 0.2em;
}要實現(xiàn)的效果：
CSS3：
p {
text-align: center;
font:bold 60px helvetica, arial, sans-serif;
color: red;
text-shadow: 0 0 4px white,
0 -5px 4px #ff3,
2px -10px 6px #fd3,
-2px -15px 11px #f80,
2px -25px 18px #f20;
}要實現(xiàn)的效果：
CSS3：
p {
text-align: center;
padding: 24px;
margin: 0;
font-family: helvetica, arial, sans-serif;
font-size: 80px;
font-weight: bold;
color: #D1D1D1;
background: #CCC;
text-shadow: -1px -1px white,
1px 1px #333;
}要實現(xiàn)的效果：
CSS3：
p {
text-align: center;
padding: 24px;
margin: 0;
font-family: helvetica, arial, sans-serif;
font-size: 80px;
font-weight: bold;
color: #D1D1D1;
background: #CCC;
text-shadow: 1px 1px white,
-1px -1px #333;
}要實現(xiàn)的效果：
CSS3：
#demo {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}要實現(xiàn)的效果：
CSS3：
#demo {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 100px solid red;
}要實現(xiàn)的效果：
CSS3：
#demo {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid red;
border-bottom: 50px solid transparent;
}要實現(xiàn)的效果：
CSS3：
#demo {
height: 0;
width: 120px;
border-bottom: 120px solid #ec3504;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
}要實現(xiàn)的效果：
CSS3和HTML5：
<style type="text/css">
.bubble {
width: 200px; /*定義框大小，可忽略，讓消息框自由收縮*/
height: 50px;
background:hsla(93,96%,62%,1); /*定義背景色，必須與下面箭頭背景色一致*/
padding: 12px; /*增加補(bǔ)白，防止消息文本跑到框外*/
position: relative; /*定義定位包含框，方便定位箭頭*/
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; /*圓角*/
}
.bubble:before {
content: ""; /*不顯示任何內(nèi)容*/
width: 0; /*定義箭頭內(nèi)容區(qū)大小*/
height: 0;
position: absolute; /*絕對定位*/
z-index:-1; /*顯示在消息框下面*/
}
.bubble.bubble-left:before {
right: 90%;
top: 50%;
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
transform: rotate(-25deg); /*定位箭頭傾斜角度*/
/*定義箭頭長短、粗細(xì)*/
border-top: 20px solid transparent;
border-right: 80px solid hsla(93,96%,62%,1);
border-bottom: 20px solid transparent;
}
div {
margin:50px;
}
<div class="bubble bubble-left">左側(cè)消息提示框<br>class="bubble bubble-left"</div>要實現(xiàn)的效果：
CSS3：
html, body {
margin: 0;
padding: 0;
height: 100%;
}
body {
background: -webkit-repeating-linear-gradient(to top, #f9f9f9, #f9f9f9 29px, #ccc 30px);
background: repeating-linear-gradient( to top, #f9f9f9, #f9f9f9 29px, #ccc 30px );
background-size: 100% 30px;
position: relative;
}
body:before {
content: "";
display: inline-block;
height: 100%;
width: 4px;
border-left: 4px double #FCA1A1;
position: absolute;
left: 30px;
}需要實現(xiàn)的效果：
CSS3：
.box {
background: linear-gradient(-135deg, #f00 30px, #fff 30px, #162e48 32px);
color: #fff;
padding: 12px 24px;
}<script>
function setTab(cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById("tab_"+i);
var con=document.getElementById("con_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
</script>
<div id="tab">
<div class="Menubox">
<ul>
<li id="tab_1" class="hover" onclick="setTab(1,4)">明星</li>
<li id="tab_2" onclick="setTab(2,4)">搞笑</li>
<li id="tab_3" onclick="setTab(3,4)">美女</li>
<li id="tab_4" onclick="setTab(4,4)">攝影</li>
</ul>
</div>
<div class="Contentbox">
<div id="con_1" class="hover" ><img src="images/1.png" /></div>
<div id="con_2" class="hide"><img src="images/2.png" /></div>
<div id="con_3" class="hide"><img src="images/3.png" /></div>
<div id="con_4" class="hide"><img src="images/4.png" /></div>
</div>
</div>
</body>CSS3：
tbody tr:nth-child(2n) {
background-color: #f5fafe;
}圓角表格的CSS3：
.bordered tr:last-child td:last-child {
-moz-border-radius: 0 0 6px 0;
-webkit-border-radius: 0 0 6px 0;
border-radius: 0 0 6px 0;
}單線表格的CSS3：
table {
*border-collapse: collapse; /* IE7 and lower */
border-spacing: 0;
width: 100%;
}設(shè)計圖片翹邊陰影效果：
CSS3：
.box {
width: 980px;
clear: both;
overflow: hidden;
height: auto;
margin: 20px auto;
}
.box li {
background: #fff;
float: left;
position: relative;
margin: 20px 10px;
border: 2px solid #efefef;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 4px rgba(0,0,0,0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 4px rgba(0,0,0,0.1) inset;
-o-box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 4px rgba(0,0,0,0.1) inset;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 4px rgba(0,0,0,0.1) inset;
}
.box li img {
width: 290px;
height: 200px;
margin: 5px;
}
.box li:before {
content: "";
position: absolute;
width: 90%;
height: 80%;
bottom: 13px;
left: 21px;
background: transparent; /*透明背景*/
z-index: -2; /*顯示在照片的下面*/
box-shadow: 0 8px 20px rgba(0,0,0,0.8); /*添加陰影*/
-webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.8);
-o-box-shadow: 0 8px 20px rgba(0,0,0,0.8);
-moz-box-shadow: 0 8px 20px rgba(0,0,0,0.8);
transform: skew(-12deg) rotate(-6deg); /*變形并旋轉(zhuǎn)陰影，讓其翹起*/
-webkit-transform: skew(-12deg) rotate(-6deg);
-moz-transform: skew(-12deg) rotate(-6deg);
-os-transform: skew(-12deg) rotate(-6deg);
-o-transform: skew(-12deg) rotate(-6deg);
}
.box li:after { /*在左側(cè)添加翹邊陰影*/
content: "";
position: absolute;
width: 90%;
height: 80%;
bottom: 13px;
right: 21px;
z-index: -2;
background: transparent;
box-shadow: 0 8px 20px rgba(0,0,0,0.8);
transform: skew(12deg) rotate(6deg);
-webkit-transform: skew(12deg) rotate(6deg);
-moz-transform: skew(12deg) rotate(6deg);
-os-transform: skew(12deg) rotate(6deg);
-o-transform: skew(12deg) rotate(6deg);
}
<ul class="box">
<li><img src="images/1.jpg" /></li>
<li><img src="images/2.jpg" /></li>
<li><img src="images/3.jpg" /></li>
</ul>ref
《HTML5+CSS3+JavaScript從入門到精通（實例版）》
-End-
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
