前端學習day03

2021-07-26 04:27:23 字數 324 閱讀 2989

今天學了個新東西,是根據螢幕寬度大小修改網頁顯示的內容。

大概查了下用法,@media 可以針對不同的螢幕尺寸設定不同的樣式,特別是如果你需要設定設計響應式的頁面,@media 是非常有用的。

當你重置瀏覽器大小的過程中,頁面也會根據瀏覽器的寬度和高度重新渲染頁面。

這個有時有效,有時會失效,具體是看電腦解析度而定的,所以使用時要留意下這一點。

優點:無需外掛程式和手機主題,對移動裝置友好,能夠適應各種視窗大小。只需在css中新增@media screen屬性,根據瀏覽器寬度判斷並輸出不同的長寬值

前端學習 Day03

組成部分 標題 表頭 主體 表尾 table 定義乙個 caption 定義 的標題 thead 定義表頭部分 tbody 定義 主體部分 tfoot 定義表尾,一般來顯示彙總資訊 tr 定義一行 th td 定義資料項 單元格 th一般用於表頭,有加粗的樣式 td 一般用於主體部分,沒有加粗的樣式...

day03 前端基礎

transform translate x,y x 表示向x軸正方向移動的距離 x表示向x軸反方向移動的距離 y 表示向y軸正方向移動 這裡的y軸正方向指的向下移動 y表示向y軸反方向 延y軸向上移動!示例 transform translate 300px,0px transform transl...

Web前端開發學習筆記 Day03

lang en this is titletitle head style font size 16px color red body html 行內樣式寫在標籤的 style 屬性值中。lang en this is titletitle pstyle head hello everyonep b...