框架與樣式表的基本概念

2022-08-16 22:39:21 字數 1134 閱讀 9864

框架:           frameset :框集。  如果使用框架集,當前頁面不能使用body。    cols="300,*",左右拆分,左300,右完剩餘。  frameborder 邊框

frame:src(框架要顯示頁面的位址), scrolling(滾動條)

iframe(可以嵌在普通頁面裡面):src(框架裡面要顯示的頁面位址), wigth(框架的寬度),

height(框架的高度), frameborder(框架的邊框), srcolling(滾動條)

其他:  (滾動效果) drection(滾動方向), 做標記, 做分割線,

樣式表:   分類:      內聯樣式表:寫在標籤裡面, style="樣式",  控制精確,**重用性差

內嵌樣式表:嵌在頁面的head裡面,, 控制沒有內聯的精確,**重用性好

外部樣式表: 單獨的樣式檔案,引入:右鍵-css樣式表-附加樣式表,引入:控制沒有內聯的精確,**重用性最好

選擇器:     樣式表用來選取元素的, 標籤(根據標籤名選中元素)

class: .(點)    根據class名來篩選元素

id    :  #(井號) 根據id名來篩選出唯一元素

復合:逗號表示並列 (div,span)    空格表示後代(#list li)  點表示篩選(div.s)

樣式:       大小:wigth(寬)  height(高)

background—position(背景位置)background—attachment(設定背景是否滾動)  background—size(背景圖的大小)

字型:font-family(字型樣式)font-size(字型大小 12px  14px)font-style(italic傾斜)font-weight(bold加粗)

color(字型顏色)

對齊方式:text-align(水平對齊方式)vertical-align(垂直對齊方式,配合行高使用)line-height(行高)text-indent(縮排 單位畫素)

邊界邊框:margin(外邊距  上右下左)padding(內邊距 上右下左    如果加了內邊距,該元素會相應的變大) 

border(1px solid #60f 簡寫方式  第乙個邊框粗細 第二個邊框樣式 第三個邊框顏色)

列表方塊:

HTML CSS樣式表的基本概念

css cascading style sheet 疊層樣式表 作用 美化html網頁 一 樣式表分類 一.內聯樣式表 和html聯合顯示,控制精準,但是可重用性差,冗餘多。例如 內聯樣式表 二.內嵌樣式表 作為乙個獨立區域內嵌在網頁裡,必須寫在 view code 3.id選擇器。以 開頭。vie...

qt 樣式表基本用法

qt樣式表參考css層疊樣式表設計,不同之處在於qt樣式表應用於widget世界。this setstylesheet qpushbuttonqslider qpushbutton qpushbuttonqpushbutton是選擇符,是宣告,color是屬性,red是值 選擇符選擇符 示例說明 通...

docker基本概念 框架

一種虛擬化的方案 作業系統級別虛擬化 只能執行相同或相似核心的作業系統 依賴於linux核心特性 namespace和cgroups control group 將應用程式自動部署到容器,go語言開源引擎 提供簡單輕量的建模方式 職責的邏輯分離 快速高效的開發生命週期 鼓勵使用面向服務的架構 使用d...