1. 程式人生 > >不學習就一無所知

不學習就一無所知

ive pro str 12px fff 分享圖片 情況下 響應 直接

在第一周,我寫的作業都只需要利用已有的一點皮毛知識,但小知識不學不練也確實不會。

第一點,找圖片裏的顏色RGB值:可以用電腦的附件畫圖,選擇顏色吸管點擊顏色打開調色盤就可以顯示RGB值;也可以使用QQ,微信等截圖工具,鼠標到顏色處也可以顯示出來RGB值。

第二點,找圖片資源:靜態圖片找小圖標資源,我還沒有掌握ps,但下載ps麻煩耗時,打開網上的在線修圖可以比較方便地摳圖,我的嘗試是圖片摳下來後邊緣不美觀。至於在網站上找圖片資源,

少量的圖片可以選擇直接逐張保存。網上搜查的辦法說可以下載圖片助手。

第三點,雖然是個小問題,但圖片和html文件放在同一個文件夾才能顯示出來最最最最最最基礎,很重要。

第四點,畫加號的方法:

.plus-icon {
display: inline-block;
background: blue;
height: 12px;
position: relative;
width: 2px;
}
.plus-icon:after {

background: blue;

content: "";


height: 12px;
left: 0;
position: absolute;
top: 0;
width: 2px;
transform: rotateZ(90deg)
}

偽元素:https://www.cnblogs.com/ghost-xyx/p/3763669.html

偽類 :hover,:link,:active,:target,:not(),:focus。

偽元素:first-letter,::first-line,::before,::after,::selection

::before和::after必須配合content屬性來使用,content用來定義插入的內容,content必須有值,至少是空。默認情況下,偽類元素的display是默認值inline,可以通過設置display:block來改變其顯示。

content可取以下值。

響應式網站設計是一種網絡頁面設計布局,其理念是:集中創建頁面的圖片排版大小,可以智能地根據用戶行為以及使用的設備環境進行相對應的布局。

漸進增強(Progressive Enhancement):針對低版本瀏覽器設計,再針對高版本的瀏覽器加效果。

優雅降級(Graceful Degradation):針對流行常用的瀏覽器設計,向下兼容,

技術分享圖片

GIT交作業

技術分享圖片

技術分享圖片

技術分享圖片

不學習就一無所知