htmlcss基礎(chǔ)知識(shí)點(diǎn)有哪些

今天小編給大家分享一下html css基礎(chǔ)知識(shí)點(diǎn)有哪些的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

龍?zhí)毒W(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,龍?zhí)毒W(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為龍?zhí)?000多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營(yíng)銷網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的龍?zhí)蹲鼍W(wǎng)站的公司定做！

HTML

網(wǎng)頁構(gòu)成

摘要	說明
結(jié)構(gòu)(HTML)	HTML是網(wǎng)頁內(nèi)容的載體。內(nèi)容就是網(wǎng)頁制作者放在頁面上想要讓用戶瀏覽的信息，可以包含文字、圖片、視頻等。
表現(xiàn)(CSS)	CSS樣式是表現(xiàn)。就像網(wǎng)頁的外衣。比如，標(biāo)題字體、顏色變化，或?yàn)闃?biāo)題加入背景圖片、邊框等。所有這些用來改變內(nèi)容外觀的東西稱之為表現(xiàn)。
行為(JavaScript / jQuery)	JavaScript是用來實(shí)現(xiàn)網(wǎng)頁上的特效效果。如：鼠標(biāo)滑過彈出下拉菜單。或鼠標(biāo)滑過表格的背景顏色改變。還有購物網(wǎng)站中圖片的輪換。可以這么理解，有動(dòng)畫的，有交互的一般都是用JavaScript來實(shí)現(xiàn)的

HTML文件結(jié)構(gòu)

<html></html>為HTML頁面中的根標(biāo)簽，所有的HTML網(wǎng)頁中的標(biāo)簽都在<html></html>中。
這里<head>標(biāo)簽用于定義文檔的頭部，它是所有頭部元素的容器。頭部元素有<title>、<script><style>、<link>、 <meta>等標(biāo)簽。
在<body>和</body>標(biāo)簽之間的內(nèi)容是網(wǎng)頁的主要內(nèi)容，如<h2>、<p>、<a>、<img>等網(wǎng)頁內(nèi)容標(biāo)簽，在這里的標(biāo)簽中的內(nèi)容會(huì)在瀏覽器中顯示出來。

標(biāo)簽語法

標(biāo)簽由英文尖括號(hào) < 和 > 括起來,如：<html>
html中的標(biāo)簽一般都是成對(duì)出現(xiàn)的,分開始標(biāo)簽和結(jié)束標(biāo)簽。結(jié)束標(biāo)簽比開始標(biāo)簽多一個(gè) / ,<title>..</title>;還有一些是自結(jié)束標(biāo)簽，如：<br/>
標(biāo)簽與標(biāo)簽之間是可以嵌套的，但先后順序必須保持一致，如：<div>里嵌套<p>，那么</p>必須放在</div>的前面。如： <div><p>..</p></div>
注釋是不可以嵌套的,如： -->
HTML標(biāo)簽不區(qū)分大小寫,<h2>和<H1>是一樣的,但萬維網(wǎng)聯(lián)盟（W3C）建議小寫。

常用標(biāo)簽

<h2>...</h2>	標(biāo)題
<br />	換行
<hr />	分割線
<p>...</p>	段落
<span></span>	行內(nèi)
<img src="" />	圖片
<a href=""></a>	超鏈接
<ul>...</ul>	無序列表
<ol>...</ol>	有序列表
<li>...</li>	列表項(xiàng)
<table>...</table>	表格
<tr>...</tr>	一行
<td>...</td>	一列
<th>...</th>	列標(biāo)題
<form>...</form>	表單
<input>	輸入框
<select>...</select>	下拉列表
<option>...</option>	下拉選項(xiàng)

屬性

align="left" 　　　　　　　　　　　　　　　　　　【align="center"，align="right"　　左中右】

style="background-color: red"　　　　　　　　【樣式】

<img alt="加載失敗提示" src="../網(wǎng)絡(luò)/本地路徑" border="邊框" width="100px" height="120" />【寬高只設(shè)置一項(xiàng)即可，另一項(xiàng)會(huì)自適應(yīng)】

<a href="../網(wǎng)絡(luò)/本地路徑" target="_self">　　【" target="_blank"在新窗口打開，默認(rèn)原窗口打開】

列表

在ul標(biāo)簽中添加屬性 type="" circle 空心圓，disc 實(shí)心圓 (默認(rèn))，square 實(shí)心方塊
在ol標(biāo)簽中添加屬性 type="1/a/A/i/I"

表格

table標(biāo)簽中可以聲明的屬性
　　border="" 　　表格的邊框
　　width=""　　表格的寬度
　　height=""　　高度
　　align="" 　　表格的對(duì)其方式
　　bgcolor="" 　　背景顏色
td標(biāo)簽內(nèi)定義對(duì)齊方式的屬性
　　align="" 　　設(shè)置當(dāng)前單元格水平對(duì)齊
　　valign="" 　　設(shè)置當(dāng)前單元格垂直對(duì)齊
　　bgcolor="" 　設(shè)置背景顏色
合并單元格
　 rowspan=" 　合并單元格的個(gè)數(shù) 　合并行
　　colspan="　　合并單元格的個(gè)數(shù)　　合并列

表單

</form>

get：是將所有的提交的數(shù)據(jù)顯示在地址欄，長(zhǎng)度會(huì)有一些限制
post：將要提交的數(shù)據(jù)放在請(qǐng)求體中，在url表單里面沒有任何數(shù)據(jù)

提交時(shí)以key:value形式，其中文本框、密碼框的key為name 值為提交數(shù)據(jù)

　　　　　　　　　　　其中單選框、復(fù)選框、隱藏域、提交按鈕key為name 值為value

　　下拉列表name在select標(biāo)簽value在option標(biāo)簽提交時(shí)同上key為name值為value

常規(guī)屬性

id：　　標(biāo)簽的唯一編號(hào)，識(shí)別碼

class : 標(biāo)簽的分類，用來識(shí)別一組標(biāo)簽。

style：標(biāo)簽的風(fēng)格、樣式

p,form,ol,ul,li,dl,dt,dd,h4{margin:0;padding:0;list-style:none} 樣式清除

事件屬性

onblur:　　失去焦點(diǎn)
onclick: 鼠標(biāo)點(diǎn)擊
onbdclick: 雙擊

onmouseover: 鼠標(biāo)移動(dòng)到元素上

CSS

CSS全稱為“層疊樣式表 (Cascading Style Sheets)”，它主要是用于定義HTML元素（或內(nèi)容）在瀏覽器內(nèi)的顯示樣式

語法

CSS樣式由選擇符(選擇器)和聲明組成，而聲明又由屬性和值組成

html css基礎(chǔ)知識(shí)點(diǎn)有哪些

語法說明

屬性 (property) 是你希望改變的屬性，并且每個(gè)屬性都有一個(gè)值。屬性和值被冒號(hào)分開，并由花括號(hào)包圍，這樣就組成了一個(gè)完整的樣式聲明（declaration）
多個(gè)聲明：如果要定義不止一個(gè)聲明，則需要用英文分號(hào)”;”將每個(gè)聲明分開。雖然最后一條聲明的最后可以不加分號(hào)，但盡量在每條聲明的末尾都加上分號(hào)
每行最好只描述一個(gè)屬性
CSS對(duì)大小寫不敏感，但建議使用小寫。不過存在一個(gè)例外：class 和 id 名稱對(duì)大小寫是敏感的。
CSS注釋：/* 注釋內(nèi)容 */

編寫位置

方式一：寫在標(biāo)簽的style屬性中

<p style=“font-size:30px”>字體大小用px表示</p>

方式二：寫在html頭的style標(biāo)簽中(style標(biāo)簽一般寫在head標(biāo)簽與title標(biāo)簽之間)

<style type="text/css">
    p{
        background-color: yellow;
    }
</style>

方式三：寫在外部的css文件中，然后通過link標(biāo)簽引入外部的css文件

<link rel="stylesheet" type="text/css" href="style.css">

優(yōu)先級(jí)按照上述講的三種方式依次降低

選擇器

標(biāo)簽選擇器：標(biāo)簽名　　　　　　　　<html的標(biāo)簽如：div>

id選擇器：#id(名)　　　　　　　　　<p id="屬性名">

類選擇器：.class(名)　　　　　　 <p class="屬性名">

組選擇器：選擇器1，…　　　　　　【同時(shí)使用多個(gè)選擇器選中一組元素，使用，分隔】

派生選擇器：選擇器1 選擇器2 …　　【根據(jù)上下文關(guān)系，選擇元素的后代元素，使用空格隔開】

常用樣式

顏色：color：red；或 #00F6DE

寬度：width：20px; 或 %20

高度：height：20px; 或 %20

背景顏色：background-color： #00F6DE

字體大小：font-size：20px;

文本居中：text-align：center;

div居中：margin-left：auto;　　margin-right：auto;

1px實(shí)線邊框：border：1px solid;

列表去修飾：ul{list-style：none;}

以上就是“html css基礎(chǔ)知識(shí)點(diǎn)有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站欄目：htmlcss基礎(chǔ)知識(shí)點(diǎn)有哪些
鏈接URL：http://aaarwkj.com/article48/ispohp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、ChatGPT、網(wǎng)站排名、自適應(yīng)網(wǎng)站、商城網(wǎng)站、定制網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区