css程式設計方便教學—使用360瀏覽器?

Tags: 教學, 瀏覽器,

你還在大量背各種屬性嗎?今天小編給你一種簡單的方法,進行css,讓你免去大量背的時間,你只要大概記住首字母就行。

工具/原料

txt編輯器

360瀏覽器

方法/步驟

建立一個簡單的txt文字,加入html規範程式碼

css程式設計方便教學—使用360瀏覽器

加入一個簡單的div,以及對應的各種class或name。

css程式設計方便教學—使用360瀏覽器

將txt另存為字尾名為.html,所有格式

css程式設計方便教學—使用360瀏覽器

出現新檔案格式,然後雙擊

css程式設計方便教學—使用360瀏覽器

然後F12進入編輯頁面,點選div,對於css的定義可以預先定義你可以在瀏覽過程中增加

css程式設計方便教學—使用360瀏覽器

css程式設計方便教學—使用360瀏覽器

進行簡單的編輯和效果展示。

css程式設計方便教學—使用360瀏覽器

css程式設計方便教學—使用360瀏覽器

完成設計後最重要的一步三進行復制css,然後把它貼進你的對應的txt或者html內

css程式設計方便教學—使用360瀏覽器

此時再看效果!

css程式設計方便教學—使用360瀏覽器

注意事項

每次編輯後記得複製不然你的工作就前功盡棄了

相關問題答案