無(wú)標(biāo)題文檔 我希望我的愛情是這樣的，相濡以沫，舉案齊眉，平淡如水。
2014-1-1
協(xié)議 我希望我的愛情是這樣的，相濡以沫，舉案齊眉，平淡如水。
2014-1-1我希望我的愛情是這樣的，相濡以沫，舉案齊眉，平淡如水。我在歲月中找到他，依靠他，將一生交付給他。做他的妻子，他孩子的母親，為他做飯，洗衣服，縫一顆掉了的紐扣。然后，我們一起在時(shí)光中變老。
2014-1-1我希望我的愛情是這樣的，相濡以沫，舉案齊眉，平淡如水。我在歲月中找到他，依靠他，將一生交付給他。做他的妻子，他孩子的母親，為他做飯，洗衣服，縫一顆掉了的紐扣。然后，我們一起在時(shí)光中變老。
2014-1-1
@charset "gb2312";/* CSS Document */* { margin: 0; padding: 0 }body { font: 12px "宋體", Arial, Helvetica, sans-serif; color: #756F71 }img { border: 0; display: block }ul { list-style: none; }a:link, a:visited {text-decoration: none; color: #333;}.left { float: left; }.right { float: right; }.blank { height: 5px; overflow: hidden; width: 100%; margin: auto; clear: both }.box{ width:1000px; margin:auto; overflow:hidden}header { width: 1000px; margin: auto; height: 80px; position: relative; overflow: hidden }#logo a { width: 260px; height: 60px; margin: 10px 0 0 0; position: absolute; background: url(../images/logo.jpg) no-repeat; display: block }nav { float: right; width: 100%; margin: 30px 0 0 0; text-align: right }nav a { position: relative; display: inline-block; font-size: 18px; font-family: "微軟雅黑", Arial, Helvetica, sans-serif; }nav a:hover { text-decoration: none }.topnav a { margin: 0 5px; padding: 0 8px; }.topnav a span:first-child { z-index: 2; display: block; }.topnav a span:last-child { z-index: 1; display: block; color: #999; font: 12px Georgia, serif; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); text-align: center }.topnav a:hover span:last-child, .topnav a:focus span:last-child { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); }#topnav_current { color: #e15782; }.en { color: #999; font-size: 12px; z-index: 1; display: block; }/* ie */article { width: 1000px; margin: 20px auto; overflow: hidden }aside { width: 250px; }footer { text-align: center; line-height: 40px; border-top: #E8E8E8 1px solid ; width:1000px; margin:auto}@charset "gb2312";/* CSS Document */.moodlist { margin: auto; width: 100%; overflow: hidden }/* --------------------博客列表-------------------- */h1.t_nav span{ float:right; color:#999}h1.t_nav { border-bottom: #F1F1F1 1px solid; font-size: 12px; font-weight: normal; line-height: 40px; height: 40px;margin:20px auto;width:1000px }h1.t_nav a { width: 100px; display: block; text-align: center; color: #fff; float: left }.n1 { background: #5EA51B; }.n2 { background: #8BBF5D; }.bloglist { width: 1000px; margin: 0 auto; background: url(../images/r_title_bg.jpg) repeat-y 764px 0;overflow: hidden; }.arrow_box { background: #f8f8f8; box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(214, 214, 214, 0.7); width: 730px; border-radius: 6px; position: relative; padding: 20px 0; margin: 20px 0; }.arrow_box img { width: 150px; float: left; margin: 0 20px 0 20px; }.arrow_box p { line-height: 24px; padding: 0 20px 20px }.arrow_box::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0px 0 20px 22px; border-color: transparent transparent transparent #fff; position: absolute; left: 730px; top: 23px; }/* 三角形 */.arrow_box::after { content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 758px; top: 16px; background: #CCCCCE; border: 2px solid #fff; transition: all 0.5s; }/* 圓形 */.arrow_box:hover::before { border-color: transparent transparent transparent #CECCCD }/* 三角形 */.arrow_box:hover::after { border: #fff 2px solid; background: #5EA51B }/* 圓形 */.arrow_box:hover { background: #f4f2f2; color: #333; text-shadow: #f7f7f7 1px 1px 1px }.dateview { position: absolute; left: 788px; top: 20px; width: 125px; line-height: 30px; background: #5EA51B; border-radius: 0px 40px; text-align: center; color: #fff }.page { margin: 20px 0; text-align: center; width: 100%; overflow: hidden; }.page a b { color: #999; }.page>b, .page a { margin: 0 2px; height: 26px; line-height: 26px; border-radius: 50%; width: 26px; text-align: center; display: inline-block }.page a { margin: 0 2px; height: 26px; line-height: 26px; border-radius: 50%; width: 26px; text-align: center; display: inline-block }/* 針對(duì)IE6 */.page>b, .page a:hover { background: #333; color: #FFF; }.page a { color: #F33; border: #999 1px solid; }.sy{ overflow:hidden}求助啊
css控制的吧，沒看到跟html5相關(guān)的標(biāo)簽。。、
①為什么這樣能形成三角形？沒看懂原理
三角形其實(shí)是左邊框的拐角。
border-width: 0px 0 20px 22px;說(shuō)明設(shè)置了左邊框和下邊框的寬度，而其它邊框沒有設(shè)（不存在）。
左邊框和下邊框是相交的，而這個(gè)交點(diǎn)html就處理為兩個(gè)邊框各占一半（三角形），然后拼成一個(gè)矩形。（注，兩條線的交點(diǎn)是一個(gè)點(diǎn)，但如果線比較粗，那么交點(diǎn)就大，從而點(diǎn)就成看矩形）
border-color: transparent transparent transparent #000;說(shuō)明除左邊框?yàn)楹谏馄渌吙蚨际峭该鞯模床灰姡?
所有就值剩下了左邊框（包括那個(gè)交點(diǎn)三角）。
width: 0px; height: 0px;說(shuō)明盒子是空的（不占位置），所以就只剩下了那個(gè)交點(diǎn)三角。
②為什么能出現(xiàn)圖中的那個(gè)豎線
用你貼的代碼，我沒發(fā)現(xiàn)那個(gè)豎線
③用了:before為什么三角形還在后面呢？
before是加在內(nèi)容之前沒錯(cuò)，可沒規(guī)定在寫在前面的元素就一定要顯示在前面吧。
position: absolute; left: 730px; top: 23px;被重新定位了。
①為什么這樣能形成三角形？沒看懂原理
三角形其實(shí)是左邊框的拐角。
border-width: 0px 0 20px 22px;說(shuō)明設(shè)置了左邊框和下邊框的寬度，而其它邊框沒有設(shè)（不存在）。
左邊框和下邊框是相交的，而這個(gè)交點(diǎn)html就處理為兩個(gè)邊框各占一半（三角形），然后拼成一個(gè)矩形。（注，兩條線的交點(diǎn)是一個(gè)點(diǎn)，但如果線比較粗，那么交點(diǎn)就大，從而點(diǎn)就成看矩形）
border-color: transparent transparent transparent #000;說(shuō)明除左邊框?yàn)楹谏馄渌吙蚨际峭该鞯模床灰姡?
所有就值剩下了左邊框（包括那個(gè)交點(diǎn)三角）。
width: 0px; height: 0px;說(shuō)明盒子是空的（不占位置），所以就只剩下了那個(gè)交點(diǎn)三角。
②為什么能出現(xiàn)圖中的那個(gè)豎線
用你貼的代碼，我沒發(fā)現(xiàn)那個(gè)豎線
③用了:before為什么三角形還在后面呢？
before是加在內(nèi)容之前沒錯(cuò)，可沒規(guī)定在寫在前面的元素就一定要顯示在前面吧。
position: absolute; left: 730px; top: 23px;被重新定位了。
③用了:before為什么三角形還在后面呢？
before是加在內(nèi)容之前沒錯(cuò)，可沒規(guī)定在寫在前面的元素就一定要顯示在前面吧。
position: absolute; left: 730px; top: 23px;被重新定位了。
before不就是在一個(gè)元素指定在另外一個(gè)元素的前頭嗎？
那個(gè)交點(diǎn)是每個(gè)邊框各占據(jù)對(duì)角線的一半，對(duì)嗎？
對(duì)
寬度不同有什么意義？
寬度相同就等腰三角形，不同就不等腰了
before不就是在一個(gè)元素指定在另外一個(gè)元素的前頭嗎？
:before 選擇器在被選元素的內(nèi)容前面插入內(nèi)容。
是在指定元素的里面的所有內(nèi)容之前插入。
這個(gè)插入可以理解為插入一段代碼，也就是說(shuō)代碼中是在前面的，但是可以寫css樣式讓它顯示在其它地方。
明白了，謝謝
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 www.alabama37th.com 版權(quán)所有
違法及侵權(quán)請(qǐng)聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬(wàn)商天勤律師事務(wù)所王興未律師提供法律服務(wù)
