前端基礎學習03

2021-10-08 19:24:53 字數 1142 閱讀 6645

html規範

畫素:

畫素是指由影象的小方格組成的,這些小方塊都有乙個明確的位置和被分配的色彩數值,小方格顏色和位置就決定該影象所呈現出來的樣子。

可以將畫素視為整個影象中不可分割的單位或者是元素。不可分割的意思是它不能夠再切割成更小單位抑或是元素,它是以乙個單一顏色的小格存在。每乙個點陣影象包含了一定量的畫素,這些畫素決定影象在螢幕上所呈現的大小。

乙個格仔(畫素),在計算機中,用二進位制來表示,使用的二進位制位數越多,畫素的色彩就越豐富。

假如就是用一位二進位制數表示,就只能表示兩種顏色0(黑)和1(白)

前端開發影象問題

解析度

解析度,又稱解析度、解像度,可以細分為顯示解析度、影象解析度、列印解析度和掃瞄解析度等。

影象解析度指影象中儲存的資訊量,是每英吋影象內有多少個畫素點,解析度的單位為ppi(pixels per inch),通常叫做畫素每英吋。影象解析度一般被用於ps中,用來改變影象的清晰度。

顯示解析度(螢幕解析度)是螢幕影象的精密度,是指顯示器所能顯示的畫素有多少。由於螢幕上的點、線和面都是由畫素組成的,顯示器可顯示的畫素越多,畫面就越精細,同樣的螢幕區域內能顯示的資訊也越多,所以解析度是個非常重要的效能指標。可以把整個影象想象成是乙個大型的棋盤,而解析度的表示方式就是所有經線和緯線交叉點的數目。顯示解析度一定的情況下,顯示屏越小影象越清晰,反之,顯示屏大小固定時,顯示解析度越高影象越清晰。

畫素密度
畫素密度也叫pixels per inch,所表示的是每英吋所擁有的畫素數量。因此ppi數值越高,即代表顯示屏能夠以越高的密度顯示影象。當然,顯示的密度越高,擬真度就越高,也就越清晰。

>

>

標題title

>

charset

="utf-8"

>

head

>

day03 前端基礎

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

前端學習day03

今天學了個新東西,是根據螢幕寬度大小修改網頁顯示的內容。大概查了下用法,media 可以針對不同的螢幕尺寸設定不同的樣式,特別是如果你需要設定設計響應式的頁面,media 是非常有用的。當你重置瀏覽器大小的過程中,頁面也會根據瀏覽器的寬度和高度重新渲染頁面。這個有時有效,有時會失效,具體是看電腦解析...

前端學習 Day03

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