html可以自學嗎?
這位老鐵
可以哦,html是可以自學的,倘若有學習上的問題可以聯系我,我作為一名web前端工程師,可以指導你,學習方法我可以通過筆記和視頻來教你~~~
切片是第一步:網頁制作
1:切片
一般是用ps ,firework , 我說的話是用ps來進行
減少網頁加載時間,制作動態效果,優化圖像
2:制作切片的工具,準備工作
快捷鍵c 【ps】
第三個才是,帥氣
一:另存psd 文件 以便于編輯操作
不會破壞源文件
二:整合ps的圖片
建造幾個組,養成好習慣
切片具體操作:
一:分割切片
哪些需要切片,哪些不需要,心中清楚
Ctrl+R 【顯示出標尺】
按住alt 【放大圖片】
二:切片的類型(用戶切片,非用戶切片)
藍色{用戶切片}和灰色{非用戶切片}
夜光認為核心:div+css布局
【div+span+盒子模型】
1:div+span
兩者區別:div:塊級元素 span:內聯元素
2:盒子模型
3:布局相關的屬性
4:兼容問題
5:實例教程 【項目開發 么么么噠】
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
body{ padding: 0; margin: 0; }
.div{ width:960px; height:600px; margin:0 auto; background-color: #fbcaff; }
</style>
</head>
<body>
<div class="div"> <div class="left"></div> <div class="right"></div> <div class="bottom"></div>
</div>
</body>
</html>
=============
JS 控制樣式【夜光認為核心】
我們就JS主要目的: 控制 web 中的前兩種
結構
樣式
行為
CSS怎么寫樣式 就是用div 語句
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> #demo{ width:100px; height:100px; background-color: aqua; } </style></head><body><div id="demo"></div></body></html>
【可以多和我交流一下,謝謝】