updated 样式优化

This commit is contained in:
路人甲 2024-08-02 00:25:08 +08:00
parent f358b1e4cd
commit 3843d7bece
3 changed files with 118 additions and 125 deletions

View File

@ -280,51 +280,7 @@
</div>
</div>
</div>
<div class="mod-banner">
<div class="inner">
<div class="bd">
<span>外甥</span>
<span>姑姑</span>
<span>岳父</span>
<span>女儿</span>
<span>舅舅</span>
<span>姨妈</span>
<span>媳妇儿</span>
<span>爸爸</span>
<span>表姐</span>
<span>曾祖母</span>
<span>哥哥</span>
<span>妯娌</span>
<span>姑奶奶</span>
<span>老公</span>
<span>弟妹</span>
<span>堂姐</span>
<span>婶婶</span>
<span>女婿</span>
<span>叔叔</span>
<span>婆婆</span>
<span>小舅子</span>
<span>伯父</span>
<span>姻兄弟</span>
<span>丈母娘</span>
<span>外公</span>
<span>侄子</span>
<span>舅爷</span>
<span>表妹</span>
<span>嫂子</span>
<span>姥爷</span>
<span>连襟</span>
<span>爷爷</span>
<span>姐夫</span>
<span>姑子</span>
<span>弟弟</span>
<span>亲家</span>
<span>孙子</span>
<span>姑丈公</span>
</div>
</div>
</div>
<div class="mod-intro">
<div class="module mod-intro">
<div class="inner">
<div class="hd"><span>功能支持</span></div>
<div class="bd">
@ -405,8 +361,53 @@
</div>
</div>
</div>
<div class="mod-article">
<div class="mod-banner">
<div class="inner">
<div class="bd">
<span>外甥</span>
<span>姑姑</span>
<span>岳父</span>
<span>女儿</span>
<span>舅舅</span>
<span>姨妈</span>
<span>媳妇儿</span>
<span>爸爸</span>
<span>表姐</span>
<span>曾祖母</span>
<span>哥哥</span>
<span>妯娌</span>
<span>姑奶奶</span>
<span>老公</span>
<span>弟妹</span>
<span>堂姐</span>
<span>婶婶</span>
<span>女婿</span>
<span>叔叔</span>
<span>婆婆</span>
<span>小舅子</span>
<span>伯父</span>
<span>姻兄弟</span>
<span>丈母娘</span>
<span>外公</span>
<span>侄子</span>
<span>舅爷</span>
<span>表妹</span>
<span>嫂子</span>
<span>姥爷</span>
<span>连襟</span>
<span>爷爷</span>
<span>姐夫</span>
<span>姑子</span>
<span>弟弟</span>
<span>亲家</span>
<span>孙子</span>
<span>姑丈公</span>
</div>
</div>
</div>
<div class="module mod-article">
<div class="inner">
<div class="hd"><span>关于中国亲戚称呼</span></div>
<div class="bd">
<p>亲属是基于婚姻、血缘和法律拟制而形成的社会关系。亲属关系包括夫妻、父母、子女、兄弟姊妹、祖父母和外祖父母、孙子女和外孙子女、儿媳和公婆、女婿和岳父母、以及其他三代以内的旁系血亲,如伯、叔、姑、舅、姨、侄子女、甥子女、堂兄弟姊妹、表兄弟姊妹、姨兄弟姊妹等。</p>
<p>亲属称谓指是以本人为中心确定亲族成员和本人关系的名称,是基于血亲姻亲基础上的亲属之间相互称呼的名称、叫法。汉族的家族亲属关系条理分明尊卑有序:比自己长一辈的称呼有姨姑舅叔伯,同辈的有兄弟姊妹、堂表亲等等,下一辈有甥侄等等。中国人由于姻亲而产生的亲戚关系相当庞杂,“祖宗十八代”、“五服”、“六亲”、“九族”让人难以区分,其派生出的各种称谓也是中华文化的一大特征。</p>
@ -415,7 +416,7 @@
</div>
</div>
</div>
<div class="mod-copy">
<div class="module mod-copy">
<div class="inner">
<div class="hd"><span>算法开源</span></div>
<div class="bd">
@ -432,7 +433,7 @@
</div>
</div>
</div>
<div class="mod-app">
<div class="module mod-app">
<div class="inner">
<div class="hd"><span>他们都在使用</span></div>
<div class="bd">

View File

@ -34,6 +34,18 @@ a:hover{
padding: 0 10px;
margin: 0 auto;
}
.module{
margin-bottom: 80px;
}
.module .hd{
margin: 0 5px 5px;
line-height: 30px;
}
.module .hd span{
font-size: 18px;
font-weight: bold;
color: #646464;
}
.mod-bg {
position: absolute;
@ -173,7 +185,7 @@ a:hover{
}
.mod-panel{
margin-bottom: 75px;
margin-bottom: 80px;
}
.mod-panel .hd{
float: left;
@ -496,18 +508,6 @@ a:hover{
zoom: 1;
}
.mod-intro{
margin-bottom: 80px;
}
.mod-intro .hd{
margin: 0 5px 5px;
line-height: 30px;
}
.mod-intro .hd span{
font-size: 18px;
font-weight: bold;
color: #646464;
}
.mod-intro .bd ul{
overflow: hidden;
}
@ -545,7 +545,13 @@ a:hover{
}
.mod-article{
margin-bottom: 80px;
margin-bottom: 100px;
}
.mod-article .hd{
margin-top: -36px;
}
.mod-article .hd span{
font-size: 24px;
}
.mod-article .bd{
position: relative;
@ -574,16 +580,8 @@ a:hover{
text-indent: 2em;
}
.mod-app{
margin-bottom: 80px;
}
.mod-app .hd{
margin-bottom: 5px;
line-height: 32px;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #646464;
}
.mod-app .bd ul{
padding: 20px 0;
@ -635,13 +633,6 @@ a:hover{
border-width: 80px 22vw 0 61.8vw;
border-top-color: rgb(233 236 240);
}
.mod-copy .hd{
margin-bottom: 5px;
line-height: 32px;
font-size: 18px;
font-weight: bold;
color: #646464;
}
.mod-copy .bd{
margin:0 5px;
}

View File

@ -280,51 +280,7 @@
</div>
</div>
</div>
<div class="mod-banner">
<div class="inner">
<div class="bd">
<span>外甥</span>
<span>姑姑</span>
<span>嶽父</span>
<span>女兒</span>
<span>舅舅</span>
<span>姨媽</span>
<span>媳婦兒</span>
<span>爸爸</span>
<span>錶姐</span>
<span>曾祖母</span>
<span>哥哥</span>
<span>妯娌</span>
<span>姑奶奶</span>
<span>老公</span>
<span>弟妹</span>
<span>堂姐</span>
<span>嬸嬸</span>
<span>女婿</span>
<span>叔叔</span>
<span>婆婆</span>
<span>小舅子</span>
<span>伯父</span>
<span>姻兄弟</span>
<span>丈母娘</span>
<span>外公</span>
<span>侄子</span>
<span>舅爺</span>
<span>錶妹</span>
<span>嫂子</span>
<span>姥爺</span>
<span>連襟</span>
<span>爺爺</span>
<span>姐夫</span>
<span>姑子</span>
<span>弟弟</span>
<span>親家</span>
<span>孫子</span>
<span>姑丈公</span>
</div>
</div>
</div>
<div class="mod-intro">
<div class="module mod-intro">
<div class="inner">
<div class="hd"><span>功能支持</span></div>
<div class="bd">
@ -405,8 +361,53 @@
</div>
</div>
</div>
<div class="mod-article">
<div class="mod-banner">
<div class="inner">
<div class="bd">
<span>外甥</span>
<span>姑姑</span>
<span>嶽父</span>
<span>女兒</span>
<span>舅舅</span>
<span>姨媽</span>
<span>媳婦兒</span>
<span>爸爸</span>
<span>錶姐</span>
<span>曾祖母</span>
<span>哥哥</span>
<span>妯娌</span>
<span>姑奶奶</span>
<span>老公</span>
<span>弟妹</span>
<span>堂姐</span>
<span>嬸嬸</span>
<span>女婿</span>
<span>叔叔</span>
<span>婆婆</span>
<span>小舅子</span>
<span>伯父</span>
<span>姻兄弟</span>
<span>丈母娘</span>
<span>外公</span>
<span>侄子</span>
<span>舅爺</span>
<span>錶妹</span>
<span>嫂子</span>
<span>姥爺</span>
<span>連襟</span>
<span>爺爺</span>
<span>姐夫</span>
<span>姑子</span>
<span>弟弟</span>
<span>親家</span>
<span>孫子</span>
<span>姑丈公</span>
</div>
</div>
</div>
<div class="module mod-article">
<div class="inner">
<div class="hd"><span>關於中國親戚稱呼</span></div>
<div class="bd">
<p>親屬是基於婚姻、血緣和法律擬制而形成的社會關系。親屬關系包括夫妻、父母、子女、兄弟姊妹、祖父母和外祖父母、孫子女和外孫子女、兒媳和公婆、女婿和嶽父母、以及其他三代以內的旁系血親,如伯、叔、姑、舅、姨、侄子女、甥子女、堂兄弟姊妹、表兄弟姊妹、姨兄弟姊妹等。</p>
<p>親屬稱謂指是以本人爲中心確定親族成員和本人關系的名稱,是基於血親姻親基礎上的親屬之間相互稱呼的名稱、叫法。漢族的家族親屬關系條理分明尊卑有序:比自己長一輩的稱呼有姨姑舅叔伯,同輩的有兄弟姊妹、堂表親等等,下一輩有甥侄等等。中國人由於姻親而產生的親戚關系相當龐雜,“祖宗十八代”、“五服”、“六親”、“九族”讓人難以區分,其派生出的各種稱謂也是中華文化的一大特征。</p>
@ -415,7 +416,7 @@
</div>
</div>
</div>
<div class="mod-copy">
<div class="module mod-copy">
<div class="inner">
<div class="hd"><span>算法開源</span></div>
<div class="bd">
@ -432,7 +433,7 @@
</div>
</div>
</div>
<div class="mod-app">
<div class="module mod-app">
<div class="inner">
<div class="hd"><span>他們都在使用</span></div>
<div class="bd">