日本美女网站,婷婷五月天欧美欧美欧美欧美欧美,网站美女综合在线,日韩国产欧美手机视频在线免费更新

Web前端知識

首頁 > 免費 > Web前端知識 >

整理CSS常用屬性

來源:北京匯仁智杰科技有限公司   時間:2016-11-17   點擊:

整理于CSS筆記:

關于CSS作用:一是快速維護頁面元素的樣式屬性;二是彌補HTML元素的屬性不足;CSS又被稱作層疊樣式表。

關于CSS的元素屬性:

一:首先是長度單位:

1、寬度、高度用px(像素),也可以用%(百分比)。建議使用固定值;

2、顏色單位:A.顏色的直譯英文名稱,如:red(紅)、green(綠)、blue(藍);十六進制表示法:#ff0000;簡寫十六進制:#f00;RGB表示法:rgb(255,0,0);百分比RGB:rgb(100%,0%,0%)

二:

1、寬度和高度:

大部分元素都會用到這兩個屬性-------> width(設置寬度)、height(設置高度)

2、邊框:

border屬性,設置邊框的寬度、線性、顏色

表格(table)和盒子(div)因為看不到它的大小,我們一般都會用border設置顯示出邊框線;在border中還可以給上下左右單獨設置邊框線;border-top:寬度 線型 顏色;border-bottom:寬度 線型 顏色;border-right:寬度 線型 顏色;border-left:寬度 線型 顏色;線性我們有三種:none(無)|solid(實線)|dotted(點劃線)。

3、內邊距padding

就是設置表格或者盒子內的邊距,可以設置單獨上下左右和邊框相同;

4、外邊距margin

設置外部的邊距,可單獨設置上下左右。

5、控制元素的顯示方式屬性

可以控制元素不顯示,或者以什么方式顯示出來。如果不顯示在此元素style中加入即可:dispaly:none(不顯示)|inline(內聯(lián)對象)|block(塊級對象);

6、背景樣式

可以設置背景圖片,背景顏色,圖片的平鋪方式,背景圖片的位置;設置背景樣式(哪個部分不需要可以忽略不用寫):background:背景顏色 背景圖片 平鋪方式 水平位置 垂直位置;背景圖片----> url(圖片地址) 一定要寫 url 然后括號中寫上圖片地址;平鋪方式:no-repeat(不平鋪)|repeat-x(x軸平鋪)|repeat-y(y軸平鋪);水平位置(left|center|right);垂直位置(top|center|bottom)。

7、浮動樣式

使表格或者盒子中的內容全部靠左或者全部靠右,一把導航頁面都需要用到:float:left|right;

8、文本樣式

line-height設置行高

text-indent;設置首行縮進;首行縮進一般用于把按鈕上的文本向后隱藏

text-align:left|center|right;設置水平對齊方式

cursor:pointer;設置瀏覽器中鼠標形狀

font-weight:normal|bold;設置文本加粗效果

text-decoration:none|underline;設置文本下劃線樣式;一般用于把超鏈接的下劃線取消

9、列表樣式

list-style:樣式 url(圖片地址) 位置(inside|outside);我們一般只設置一項,就是樣式,其余可以忽略不寫。list-style:none;把列表前面的實心圓或空心圓取消;用于ul,ol。

10、定位屬性

定位屬性:position:fixed(固定的)|absolute(絕對)|relative(相對);我們先說固定(fixed):固定定位根據(jù)屏幕所定位,但是會遮住下面的文本。所以我們通常很少用。(PS:一般廣告多的網站會用);相對定位(relative):相對定位是子盒子根據(jù)父盒子定位,父盒子移動,子盒子移動;絕對定位(absolute):絕對定位根據(jù)屏幕左上角定位。一般我們用絕對定位都是用在相對定位的子盒子中;

網絡營銷推廣 . 北京匯仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:13370157521
業(yè)務QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網絡推廣經驗
  • 有網站建站隊伍
  • 有大型網站建設經驗
  • 致力于營銷型網站建設
  • 始終堅持技術和服務同樣重要
查看PC版網站
備案號:京ICP備15021091號-1 版權所有:匯仁智杰

四虎影院最新| 日本一区二区不卡无码视频| 久久免费AV不卡| 精品人妻一区二区三区含羞草| 日韩伦理丝袜传媒电影一区二区三区 | 麻豆精品三级视频| 免费成人色情国产视屏小说| 草草草视频在线观看免费| 国产一区二区老师诱惑网站| 日本乱码精品久久久久久| 麻豆妓女爽爽一区二区三| 青青视频草视频| 熟女国产区二区| 麻豆AV手机在线| 久久99精品久久久久久青青日本| 日日人人狠狠影院| 亚洲色图欧美性图久久| 91丝袜久久| 国产麻豆91蜜臀| 大香蕉熟妇| 久久大香蕉国产有码欢看| 亚洲欧洲福利短视频在线观看| 色呦呦网页版一区二区在线观看| 91超碰在线韩国在线| 偷偷啪综合网| 人妻小视频| 午夜妇女网| 人妻内射二区三区| 无码免费性生活| 国产熟女精品av直播在线 | 女生自爽下面流水视频在线看| 亚洲熟女观看| www.人人大粗| 美国av鲁鲁鲁在线| 亚洲精品中文字幕高清白浆久久久 | 久久久久亚洲AV麻豆人人| 国产人妻91色| 黄片在线看不卡| 天天上天天干天天日91| 色老大www| 久久久理论电影|