前端第二課 基本的css選擇器

2021-10-02 14:19:35 字數 1406 閱讀 4956

前端第二課

css注釋語法:ctrl+/注釋一行 ctrl+shift+/注釋多行

內部樣式:(只能在當前文件使用 / **標籤選擇器:**h1-h6,div,p,span,ul,li,ol,dl,a,img等等

**外部樣式:**新創乙個css資料夾,做大專案時用

在頭部通過link標籤引入ctrl加回車跳轉css檔案

rel="stylesheet"宣告這是乙個樣式檔案

**類選擇器:**可以實現多個相同的標籤實現不同的樣式更改

head style

.名字 類名就是乙個標籤的名字;

**id選擇器:**id名之間不能重複,id名是唯一的

head style

}span*n可出現n個span標籤

**多類名選擇器**:乙個標籤可以寫多個類名,設定不同樣式使用不同的類名

名字尺寸樣式:

.名字{

width:…;設定寬

height:…;設定高

位置樣式:(margin設定的是該盒子與離它最近的乙個外面盒子邊界的距離)

一、.名字{

margin-left:300px;

margin-right:500px;

margin-top:200px;

margin-bottom:300px;

margin:200px 500px 300px 300px(上 右 下 左)四個值

margin:200px 300px;上下 左右

margin:200px 300px 500px(上 左右 下)三個值

margin:300px;四個方向值一樣

margin:100px auto 0px;水平居中

margin: 0;清楚預設margin

二、*{ (萬用字元,不建議使用會增加瀏覽器的負擔)

margin:0;(直接將所有的標籤margin值化為零

三、建議使用:

div,p,ul,li…

margin:0;

背景顏色樣式:

ⅰ、background-color:…;

ⅱ、顏色值的三種寫法

​ 1.顏色單詞

​ 2.16進製制值

​ 3.rgb(0-255,0-255,0-255) rbga(0-255,0-255,0-255,0-1)最後一位數最大為1可調整顏色透明度;

字型樣式

ⅰ、字型大小:font-size:50px;

ⅱ、字型型別:font-family:simsum;

ⅲ、文字居中:text-align:center;

Web前端第二課 HTML基本結構

html基本結構說明 宣告文件型別 h5的宣告方式 html開始標籤,lang用於宣告語言,en 代表英文 html頭標籤 結束 html體標籤 開始 html體標籤 結束 html結束標籤 標籤是所有頭部元素的容器,可以引用指令碼 指示瀏覽器在 找到樣式表,描述了文件的各種屬性和資訊,包括文件標題...

JS 第二課 基本語法

1 使用var定義變數 var num1 宣告時不賦值,值為undefined var num2 hello 宣告時賦值,值為字串 hello num2 123 賦值時可以改變變數的型別 var num3 1,num4 5 可同時宣告多個變數 2 使用let定義變數 let num1 let num...

C語言第二課 選擇語句

include intmain if a c if b c printf f,f,f n a,b,c return0 例1 請編一程式,判斷某一年是否是閏年。注 當年份不是 100 的倍數且是 4 的倍數時,該年是閏年 當年份是 100 的倍數且是 400的倍數時,該年也是閏年 include in...