既然是日歷的話，那么就不DIV了，直接table，代碼就是下面的……
成都創(chuàng)新互聯(lián)長期為上1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為安順企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計，安順網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
html
head/head
style
table,td{border:1px solid #ddd;border-collapse:collapse;}
td{width:35px;height:15px;text-align:center;line-height:15px;}
.imp{background-color:yellow;}
.sun{color:red;}
/style
body
table
tbody
trtd class="sun"SUN/tdtdMON/tdtdTUE/tdtdWEB/tdtdTHU/tdtdFRI/tdtdSAT/td/tr
trtd/tdtd/tdtd/tdtd/tdtd/tdtd/tdtd1/td/tr
trtd2/tdtd3/tdtd4/tdtd5/tdtd6/tdtd class="imp"7/tdtd8/td/tr
trtd9/tdtd10/tdtd11/tdtd class="imp"12/tdtd13/tdtd14/tdtd15/td/tr
trtd16/tdtd17/tdtd18/tdtd19/tdtd20/tdtd class="imp"21/tdtd class="imp"22/td/tr
trtd23/tdtd24/tdtd25/tdtd26/tdtd27/tdtd28/tdtd29/td/tr
trtd30/tdtd31/tdtd/tdtd/tdtd/tdtd/tdtd/td/tr
/tbody
/table
/body
/html
如下幾點建議：
1）DIV+CSS是用來替換表格排版的，表格還是用table。
2）可以嘗試用ul li 做簡單的表格
3）用DIV+CSS做表格的方法和做頁面布局的方法一致，所以你要學習一下這方面，可以參考一下相關(guān)視頻教程。如果做復雜的表格因為需要反復嵌套效果就不好了。
日歷的科學知識
1.歷法的種類：
①陽歷：以地球繞日公轉(zhuǎn)周期為依據(jù)。
②陰歷：以月相變化周期為依據(jù)。
③陰陽歷：結(jié)合地球繞日公轉(zhuǎn)周期和月相變化周期。
2、我國的日歷由公歷和農(nóng)歷組成。公歷(包括年月日星期)屬于陽歷，農(nóng)歷(包括年月日節(jié)氣)屬于陰陽歷,農(nóng)歷中的月是屬于陰歷，農(nóng)歷中的二十四節(jié)氣屬于陽歷
3.閏年：公元年能被4整除是閏年，世紀年能被400整除是閏年。公歷平年365天，閏年366天(400年中有97年是閏年，有303年是平年)平年2月份28天，閏年2月份29天。
4.二十四節(jié)氣：我國古代將四季更替的周期分為二十四段，每段(約15日)叫做一個節(jié)氣，屬于陽歷， 對人們的生產(chǎn)和生活具有指導和預告的作用。
中國農(nóng)歷常識
①二十四節(jié)氣交節(jié)日時
二十四節(jié)氣即立春、雨水、驚蜇、春分、清明、谷雨、立夏、小滿、芒種、夏至、小暑、大暑、立秋、處暑、白露、秋分、寒露、霜降、立冬、小雪、大雪、冬至、小寒、大寒，是古人根據(jù)太陽在黃道上的位置(黃經(jīng))變化和地面氣候演變次序，將全年劃分的二十四段落，每段約隔半月，分在12個月里。
②七十二候
五天一候，一年365天(平年)為73候，為與24節(jié)氣對應，規(guī)定三候為一節(jié)(氣)、一年為72候。
每一候均以一種物候現(xiàn)象作相應，叫“候應”。72候的“候”應包括非生物和生物兩大類，前者如“水始涸”、“東風解凍”、“虹始見”、“地始凍”等;后者有動物和植物，如“鴻雁來”、“虎始交”、“萍始生”、“苦菜秀”、“桃始華”等。
七十二候的起源很早，對農(nóng)事活動曾起過一定作用。雖然其中有些物候描述不那么準確，其中還有不科學成份，但對于了解古代華北地區(qū)的氣候及其變遷，仍然具有一定的參考價值。由于當時確定物候的始見單位較小而氣候的實際及地區(qū)差別很大，所以很難廣泛應用?，F(xiàn)在黃河流域物候現(xiàn)象已發(fā)生變化，其他地區(qū)的物候更是千差萬別，必須不斷發(fā)展物候?qū)W，制定新的自然歷，否則一味地機械照搬古書是行不通的。
③幾龍治水
是根據(jù)每年正月第一個辰日(辰為龍)在第幾日決定的。如在正月初五，就叫“五龍治水”，在初六，就叫“六龍治水”，等等。據(jù)說，龍數(shù)越多，雨量越少，龍數(shù)越少，雨量就越多。民間自古就有“龍多不下雨”的諺語。
④幾牛耕田
每年第一個丑日(丑為牛)在正月初幾，就是“幾牛耕田”。耕田的牛是多多益善，越多越好。
⑤年神方位圖及說明文字
以1990年庚午為例，其文字說明有：太歲壓祭主己卯戊子丁酉丙午乙卯甲子六生人下葬時避之吉;是年三煞在北五黃占離凡亥壬子癸丑丙午丁八山忌用余各山俱利;是年太歲姓王名清，天干屬金，地支屬火，納音屬土。歲德在庚，歲德合在乙……
中國農(nóng)歷每日的內(nèi)容
日歷內(nèi)容最多最雜，真正的“大雜燴”就體現(xiàn)于此，其內(nèi)容主要包括：公歷日期;星期;當日時令(如上下弦、二十四節(jié)氣、朔望、各種節(jié)日等);當日吉、兇神煞;農(nóng)歷初幾;干支;納音五行;八卦;每日卦運;所值九星;二十八星宿;十二直;當日宜忌;當日沖煞;當日胎神;當日吉、兇時等?，F(xiàn)就某版本黃歷的編排順序?qū)⑵渌袃?nèi)容簡述如下：
①當日吉兇：凡遇歲破、月破、上朔、四離、四絕等大兇之諸煞值日者，無論其他所臨神煞如何均為兇日，其余諸日根據(jù)所臨十二建
jQuery做起來簡單，css也能做，簡單給你講原理，有兩個層，底層為一個數(shù)字：0，上層為月份數(shù)字，控制上層遮罩底層，當上層數(shù)字為一個時，遮不住下面的，就好像加了個：0，具體代碼我簡單給你寫一下，你看一下就明白了
最近在 Weekly 郵件推送中查閱到這樣的一條信息：
會發(fā)現(xiàn)這條信息里面出現(xiàn)了一個CSS的新名詞 CSS Cascade Layers ，出于好奇以及對新知識的渴望（說得我自己都信了，哈哈），于是查閱起 CSS Cascade Layers 的相關(guān)資料，試圖搞懂它。
at-rule 規(guī)則， CSS Conditional Rules Module Level 3 新增的規(guī)則，是一條語句，它為CSS提供了執(zhí)行或如何執(zhí)行的指令，常見的 at-rule 規(guī)則有：
級聯(lián)(層疊)與繼承 經(jīng)過多年的發(fā)展迭代，目前已有多個版本（ CSS2.2、Level3、Level4 和 Level5 ）
何為級聯(lián)（層疊）？
層疊本質(zhì)就是定義了如何合并來自 多個源 的屬性值的算法，簡單來說，CSS規(guī)則的順序很重要。當兩條同級別的規(guī)則應用到一個元素的時候，寫在后面的就是實際使用的規(guī)則。
兩條規(guī)則 優(yōu)先級相同 ，所以順序在最后的生效， h1 是 color:blue '勝出'，顯示藍色。
css屬性一般來自于哪幾個源？
層疊（級聯(lián)）算法如何過濾來自不同源的css規(guī)則？
過濾來自不同源的css規(guī)則后，確定同源優(yōu)先級高低，決定誰“優(yōu)勝”
了解級聯(lián)算法有助于幫助我們理解瀏覽器是如何解決樣式規(guī)則沖突，也就是瀏覽器決定哪個樣式規(guī)則運用到元素上，更多相關(guān) css級聯(lián) 的了解：
何為繼承？
當元素的一個繼承屬性沒有指定值時，則取父元素的同屬性的計算值 。只有文檔根元素取該屬性定義的默認值，類似的屬性有 color 、 font-size 等 。
CSS是由 Cascading Style Sheets 三個詞的首字母縮寫，很多人將其稱為 層疊樣式表或者級聯(lián)樣式表 .
CSS Cascade Layers ，也叫做 CSS級聯(lián)層 ，是 Cascading and Inheritance Level5 規(guī)范中新增了一個新的 CSS 特性，對應的CSS屬性寫法 @layer ,即 一個新的 @ 規(guī)則 ，也就是大家所說的 at-rule 規(guī)則。
為啥會出現(xiàn)@layer？
也就是說我們一般會使用選擇器權(quán)重和順序作為控制級聯(lián)的方法，但是這樣卻會時常碰到：
使用較高權(quán)重的選擇器來防止你的代碼被后面的代碼（或別人的代碼）覆蓋。但這也會引起另一個不良的現(xiàn)象，可能會在代碼中新增很多帶有 !important 的樣式規(guī)則，這本身就會引起更多的問題，比如 !important 在 CSS 樣式表中隨處可見，需要覆蓋的時候難以被覆蓋 。
使用較低權(quán)重的選擇器又很容易被后面的代碼（或別人的代碼）覆蓋。比如你在引入第三方代碼庫或組件時，自己的代碼可能被覆蓋。
這兩個現(xiàn)象也是編寫CSS代碼，特別是在一個大型項目或多人協(xié)作的項目中常出現(xiàn)。也給很多CSS開發(fā)者帶來很多困擾。
雖然社區(qū)有很多第三方方案，如 CSS-in-JS 、 CSS Modules 和 CSS Scoped 等來協(xié)助解決級聯(lián)所帶來的問題，但由于 源碼順序（打包產(chǎn)物）仍然起著決定性的作用，順序帶來的覆蓋和沖突依舊未真正的解決，而且選擇器權(quán)重仍然比層的順序（源碼順序）更重要 。
這樣的背景促進了 @layer 的出現(xiàn)，要真正的解決級聯(lián)帶來的這些問題。
@layer 的出現(xiàn)，也要求我們對以往 css級聯(lián) 有個新的了解,
可以看出 CSS的級聯(lián)層 一般位于“Style 屬性”（Style Attribute）和 CSS 選擇器權(quán)重（Specificity）之間。
使用 CSS級聯(lián)層 ，可以通過 @layer at-rule將 CSS 分成多個層。
1、使用@layer 塊規(guī)則，并立即為其分配樣式：
2、使用規(guī)則@layer 語句，沒有指定任何樣式：
3、將@import 與layer關(guān)鍵字或layer()函數(shù)一起使用
以上每一個都創(chuàng)建了一個名為 的級聯(lián)層reset。
在下面的例子中，我們建立四個級聯(lián)層： reset，base，theme，和utilities 。
重復使用級聯(lián)層名稱時，樣式將附加到現(xiàn)有級聯(lián)層。級聯(lián)層的順序保持不變，因為只有第一次的出現(xiàn)已經(jīng)確定順序：
重新使用級聯(lián)層名稱時層順序保持不變的使@layer 語法變得更加方便和嚴謹。使用它，可以預先建立圖層順序，然后將所有 CSS 附加到它：
按以往CSS級聯(lián)來進行分析的話， form input （多層級）的優(yōu)先級會大于 input ,但是由于 級聯(lián)層 所起的作用， @layer theme 的 input 會取勝。
級聯(lián)層 支持嵌套使用，如下：
在這個例子中有兩個級聯(lián)外層：
就像一棵樹，像這樣，
如果要將樣式附加到嵌套級聯(lián)層，需要使用以下全名來引用它，
如果第一個 @media (min-width: 30em) 匹配（基于視口尺寸），則layout級聯(lián)層層將在圖層順序中排在第一位。如果只有 @media (prefers-color-scheme: dark) 匹配，theme則將是第一層。
如果兩者匹配，則圖層順序?qū)閘ayout, theme。如果沒有匹配，則不定義層。
隨著 Cascade Layers 的出現(xiàn)，我們的開發(fā)人員將擁有更多的工具來控制 Cascade 。 Cascade Layers 的真正力量來自它在 Cascade 中的獨特位置： Style 屬性（Style Attribute） 和 CSS 選擇器權(quán)重（Specificity） 之間。因此，我們不需要擔心其他層中使用的 CSS 的選擇器特異性，也不需要擔心我們將 CSS 加載到這些層中的順序.
了解到這里，是不是覺得 @layer 相當?shù)豤ool，迫不及待地想去使用了，我們看一下 caniuse @layer 的兼容情況，
很遺憾，支持程度慘不忍睹，想真正使用可能還要再等等，對于明年三月份 Chromium 99 ,發(fā)布我們拭目以待。
當然現(xiàn)在如果想嘗鮮，對于社區(qū)也有給出一些辦法，
大家也可以試一試，感謝閱讀！
改的話都得改 這個空間，凡是涉及到高度，寬度的地方都，等比例放大。
重慶分公司
重慶分公司
