客戶端筆記二

2021-07-14 01:38:25 字數 3069 閱讀 9274

html:語法要求相對不嚴謹

xhtml:嚴格按照xml語法來要求

告訴搜尋引擎你的站點的主要內容

設定網頁編碼集

定時讓網頁在指定的時間n內,跳轉到頁面的http://yourlink

表單元素:

input

type=

1.      text 文字框

2.      password 密碼框

3.      radio 單選框

4.      checkbox 核取方塊

5.      hidden 隱藏表單

6.      file 檔案表單(可以選檔案)

7.      submit  提交按鈕

8.      reset 重置按鈕

9.      image  提交按鈕

10.  button  命令按鈕(用於js)

select 下拉框,屬性加上multiple是列表框

textarea 多行文字

css:是層疊樣式表(cascadingstyle sheets)的縮寫,他用於定義html元素的顯示形式。是一種格式化網頁內容的技術。

新增樣式表的方式:

1.      內聯式:直接在元素中加入style屬性,只能用於網頁中的乙個元素

2.      嵌入式:書寫style標籤,在標籤中指明樣式,可以用於網頁中的不同元素。一般寫於head裡。

3.      外聯式:將樣式規則書寫到檔案中,可以用於不同的網頁,重用度最好。

(在head內)、

4.      如果有多個樣式表達方式作用於同乙個元素,優先規則是內聯式大於嵌入式大於外聯式

層疊樣式表的含義是:如果有多個規則來描述同乙個元素,那麼會根據樣式表的優先順序,來決定最終顯示什麼樣式。

對於匯入css方式的優先順序,內聯式》嵌入式》外聯式。(如果匯入多個外聯式,以最後匯入的為準,針對相同元素的樣式,誰最後匯入採用誰(誰寫最後用誰))

css選擇器:

元素選擇器:利用元素的標籤名稱作用選擇範圍。div{}表示所有的div元素均採用該樣式。h1,h2{}表示所有的h1標籤和h2標籤均採用該樣式

類選擇器

.:利用元素的class屬性來引入類選擇器的樣式。可以用於多種元素,而且同一種元素可以選擇性使用。

.mm{}  

該div採用mm類選擇器定義樣式

id選擇器

#:讓擁有該id屬性的元素採用該樣式。

#p1{} id號為p1的元素採用該樣式

包涵選擇器:元素內的子元素採用該樣式。

#mydivspan{}  id號為mydiv元素中所有的span標籤都採用該樣式

div.aaa{} 表示所有的div中,class屬性為aaa的元素採用該樣式

萬用字元*:所有的元素均採用該樣式。

#onediv*{} 表示id為onediv 中所有的元素均採用該樣式。

偽類及偽元素選擇器:

偽類選擇器:執行完某個動作的元素採用該樣式。

#data1tr:hover{} 表示滑鼠懸停在id 為data1 下的tr元素是採用該樣式。

css屬性單位

顏色單位:用百分百 如color:rgb(50%,0,50%);

使用0-255之間的整數值來設定如 color:rgb(29,39,255)

使用16進製制陣列定義顏色  如 #ffaa99

使用簡化十六進製制  如#080

為顏色取名字:black white red green blun 等

字型屬性:

margin屬性:

分為margin-top, margin-right,margin-left,margin-bottom,margin(裡面值是上右 下 左) 5個屬性。

水平盒子的間距為2個盒子間距的和。

垂直盒子的間距為兩個盒子間距的較大值

margin值可以設定為負數

padding屬性:

是用來描述盒子模型的邊框和內容之間插入多少空間,和margin屬性類似,也分為上下左右和乙個快捷方式padding(裡面值是上右 下 左)。

margin是當前元素和border的距離,padding是內容和border的距離

margin是對外的,padding 是對內的

margin 只對塊級元素有效,padding 對所有元素都有效

css盒子模型

在盒子模型中,我們可以控制四個不同的分層屬性:

內容(content):元素中的內容

外邊距(margin):代表元素外邊的空間,這個控制項將元素相互分開

邊框(border):位於元素的邊距內和元素的邊框距外之間的可配置的線

內邊距(padding):元素內容和元素邊框之間的空間

邊框、邊距、邊框距、這三個屬性可以單獨設定,但是他們同時可以相互配合在一起來格式化乙個元素。

盒子模型均可以用「上右下左「的方式設定。如果僅給出兩個或三個值,那麼缺失邊的屬性值取決於對邊相同的值

盒子之間的關係:

1.      文字元素按照從上到下、從左到右的格式布局

2.      塊級元素按照從上到下依次排列

3.      內嵌元素按照從左到右一次排列

定位屬性:

relative相對於元素現在的位置,定位元素

absolute絕對定位,如果父元素沒有定位,那麼相對瀏覽器定位,會脫離文件流

fixed 固定定位,固定在瀏覽器的某位置上移動後也在那個位置

z-index:數字越大在越上層 越小在越下層

display:none和visibility:hidden區別

這兩個樣式都可以隱藏元素,前者元素看不見,同時元素不占用位置。

而visibility:hidden 元素看不見,但是元素會占用位置

overflow: hidden:超出部分自動隱藏

scroll:超出部分加滾動條顯示

auto:如果沒有超出容器,那麼正常顯示,如果超出容器則顯示滾動條

word-break:break-all 超出後自動換行

內嵌元素和塊級元素相互轉換

內嵌元素----》塊級元素display:block

塊級元素----》內嵌元素float:left    display:inline

Zookeeper客戶端(二) 原生客戶端

在zookeeper客戶端 一 原生客戶端中我們主要介紹了使用zookeeper客戶端對節點的增刪改查等操作,但是別忘了還有acl許可權控制,這裡我們就再來看一看在zookeeper客戶端中,我們是如何使用acl許可權控制的。首先我們需要先連線我們的服務端,這裡和之前類似,有一點不同的是,這裡我們沒...

瘦客戶端 胖客戶端 智慧型客戶端

胖客戶端模式將應用程式處理分成了兩部分 由使用者的桌面計算機執行的處理和最適合乙個集中的伺服器執行的處理。乙個典型的胖客戶端包含乙個或多個在使用者的pc上執行的應用程式,使用者可以檢視並運算元據 處理一些或所有的業務規則 同時提供乙個豐富的使用者介面做出響應。伺服器負責管理對資料的訪問並負責執行一些...

etcd客戶端 二

centos7 系統 yum install etcdcentos8 系統 暫不支援yum安裝etcd,可以git clone 安裝c s 框架 啟動配置檔案 etc etcd etcd.conf啟動命令 etcd data dir vpp.etcd advertise client urls li...