2. 程式人生 > >HTML、CSS學習心得

HTML、CSS學習心得

阿新 • • 發佈：2018-12-17

HTML是一門超文字標記語言。 超級文字標記語言是標準通用標記語言下的一個應用，也是一種規範，一種標準， 它通過標記符號來標記要顯示的網頁中的各個部分。 那我就講一下我學習HTML和CSS所收穫的 HTML的網路術語 在這裡插入圖片描述 HTML的編輯工具 個人感覺是EditPlus和Dreamweaver這兩個編輯工具比較好 以下是這兩個工具的對比情況： Dreamweaver： 在這裡插入圖片描述 EditPlus： EditPlus可取代記事本的文字編輯器，擁有無限制的撤消與重做、英文拼字檢查、自動換行、列數標記、搜尋取代、同時編輯多檔案、全螢幕瀏覽功能。而它還有一個好用的功能，就是它有監視剪貼簿的功能，同步於剪貼簿可自動貼上進 EditPlus 的視窗中省去貼上的步驟。(個人覺得EditPlus能夠現做現看) 但最為重要的還是HTML裡面的各種標籤

HTML的標籤 排版標籤 在這裡插入圖片描述

字型標籤 在這裡插入圖片描述 裡面的標籤的一些屬性有很多都是共有的，比如像一些width，height，color之類的

圖片連結類 在這裡插入圖片描述 要注意的是target屬性可以將頁面控制在設定的目標裡面

清單標籤 在這裡插入圖片描述 這幾種方式只是表現形式不一樣

表格標籤 在這裡插入圖片描述 在這裡插入圖片描述 做表格時要注意排版，利用盒子模型設計。

框架標籤 在這裡插入圖片描述 框架要與target組合使用，讓出現的頁面顯示在框架中 內嵌框架iframe標籤只是適合IE瀏覽器

還有一個比較重要的就是表單 表單標籤 form標記的邊框和邊框名稱：fieldset和legend 在這裡插入圖片描述

CSS是一種用來表現HTML或XML等檔案樣式的計算機語言。 在我看來，CSS就是用來輔助HTML的 在這裡插入圖片描述

CSS的屬性和單位是挺多的 在這裡插入圖片描述 雖然這些很多，但是要經常使用 提一下float屬性：float的值有“none”“left”“right”三個，都可以改變文字流。 常用的還是字型顏色和背景

還有比較常用的選擇器：基本選擇器和擴充套件選擇器 要注意他們之間的衝突 在這裡插入圖片描述 提一下前面的盒子模型 在這裡插入圖片描述 盒子模型在具體的實現起了調節的作用 定位屬性的絕對定位和相對定位對排版起了很大的作用

相關推薦

HTML、CSS學習心得

HTML是一門超文字標記語言。 超級文字標記語言是標準通用標記語言下的一個應用，也是一種規範，一種標準， 它通過標記符號來標記要顯示的網頁中的各個部分。 那我就講一下我學習HTML和CSS所收穫的 HTML的網路術語 HTML的編輯工具 個人感覺是EditPl

html、css學習----------萬門大學筆記

一：塊元素和內聯元素： 塊元素： 1.塊元素一般是容器，可以容納其他的塊元素和內聯元素； 2.塊元素排斥與其他元素排在同一行； 3.塊元素的寬高都起作用。 內聯元素： 1.只能容納文字和其他內聯元素； 2.可以與其他的內斂元素排在同一行； 3.weight和heigt不起作用。  

前端HTML、CSS學習完整筆記（中下篇）

第四章 HTML語義標籤第32課HTML學習思維導圖一、html結構：主要包括3部分：doctype、head、body1）doctype:文件型別,XHTML1.0提供了3中DTD供可供選擇* 過渡的(Transitional)：要求非常寬鬆的DTD，它允許你繼續使用HTM

前端HTML、css、javascript學習

ins html常用標簽 rip :active 簡述 又是 splay 方式 ica 一、html、css、javascript基本認識 1.HTML 類型：超文本標記語言 用途：可用於網頁結構的設計或搭建： 後綴：html.html 超文本簡述：‘超文本’就是指的是其可

Django學習筆記（二）：使用Template讓HTML、CSS參與網頁建立

Django學習筆記（二）：使用Template讓HTML、CSS參與網頁建立 通過本文章實現： 瞭解Django中Template的使用 讓HTML、CSS等參與網頁建立 利用靜態檔案應用網頁樣式 一、Template的使用 Template是Django利用渲染器將模板檔案與資料內容結合

【網頁開發學習】Coursera課程《面向 Web 開發者的 HTML、CSS 與 Javascript》Week1課堂筆記

Coursera課程《面向 Web 開發者的 HTML、CSS 與 Javascript》 Johns Hopkins University Yaakov Chaikin Week1 Introduction to HTML5 對於網頁來說，HTML定義的是網頁的骨架（structure），CSS

快速學習html、css的經典筆記（不看後悔偶）

Ø 行距：line-height  數字行距：p{font-size:12pt;line-height:2;}//12pt*2  單位行距：p{line-height:9pt;}  比例行距：p{font-size:10pt;line-height:140%;}//10pt*140% Ø 文字對齊

html、css和js註釋的規範用法

ont alt 推薦 pan 文件 strong 服務 可用 如何 成為專業的前端工程師！！！ html註釋： <!--註釋內容--> css註釋： //註釋內容 單行註釋（不推薦使用，因為有的瀏覽器可能不兼容，沒有效果）/*註釋內容*/ 多

這些HTML、CSS知識點，面試和平時開發都需要 No8-No9（知識點：媒體操作、構建表單）

password 添加屬性 自己 oval 系列 文件上傳 htm color eth 系列知識點匯總 這些HTML、CSS知識點，面試和平時開發都需要 No1-No4（知識點：HTML、CSS、盒子模型、內容布局） 這些HTML、CSS知識點，

前端三劍客---HTML、CSS

前端 html css 一、web服務的本質服務端：import socketsock=socket.socket()sock.bind(("127.0.0.1",8800))sock.listen(5)while 1: print("waiting....") co

python-day52--前端html、css

gree size day5 20px text posit for cal stat 一、html需掌握的： 1.　img標簽 　　屬性：src alt title width height 2.　a標簽 　　屬性：href target 3.　ul

day--14前端（HTML、CSS)

pycha 基本 __name__ -s env 不兼容 color arch ati 瀏覽器相當於客戶端，瀏覽器訪問服務端，收到消息之後裏面斷開，一次請求，一次響應，一次斷開。 Web框架本質 http://www.cnblogs.com/wupei

day14--前端HTML、CSS

相同 重置 head data multipart text 圖標 web meta HTML是一個裸體的人，CSS穿上華麗的衣服，JS動起來。 HTML 1、 -一套規則，瀏覽器識別的規則 2、 開發者：

day16--HTML、CSS、JavaScript總結

bsp -html pac 布局 大堆 pad tro 補充 ear HTML 一大堆的標簽：塊級、行內 　CSS 　　position 　　background 　　text-align 　　padding 　　font-size 　　backgr

html、css和js原生寫一個模態彈出框，順便解決父元素半透明子元素不透明效果

script javascrip z-index htm index 彈出 rgb 特性 radi 模態框： html部分： <!-- 按鈕 --> <button id="box" onclick="pop_box()">彈出框</

HTML＋CSS學習任務清單

火狐瀏覽器 網頁布局 設計圖 框架 cit 使用 ont 文檔 學習任務 HTML部分：掌握HTML的全部語法，他的主體結構，超連接及常用標記的使用 CSS部分：掌握CSS的三種選擇器的使用，明白如何使用DIV＋CSS進行網頁布局，搞清楚浮動問題！ 1，HTML的語法（包括

復習HTML、CSS、JS練習題

bsp width type nbsp alt 打勾 text image 習題 表格復選框全選 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"&g

【html、CSS-5】clearfix

pen 位置 round set TP back display lap 解決 一、CSS全局應用 父標簽div下包含兩個子標簽div，當子標簽dvi全部向左float，此時父標簽設置的背景色是不顯示的 <!DOCTYPE html> <html la

好用的在線HTML、CSS工具

svg lin tps www xid inux tool editor 工具 css3剪貼路徑（clip-path）在線生成工具：http://tools.jb51.net/static/api/css3path/index.html json在線解析：https://

【html、CSS、javascript-10】jquery-操作元素（屬性CSS和文檔處理）

dom javascrip fun 實用 code color () 進行 java 一、獲得內容-text、html、val() 三個簡單實用的用於 DOM 操作的 jQuery 方法： text() - 設置或返回所選元素的文本內容 html() - 設置或返回所選元