首页 > 代码库 > html&&css 基础知识笔记

html&&css 基础知识笔记

diV有 Class、Style、title、ID 等属性。

1.margin 空出边缘

margin:上 下 左 右(按顺时针顺序,缺少某一方向则对称)

2.border 边框(三要素:像素 形状 颜色)

border-top : 1px solid black 上框

border-bottom : 1px solid #6699cc 下框

border-left : 1px solid #6699cc 左框

border-right : 1px solid #6699cc 右框

border: 1px solid #6699cc 四边框

3.background 背景

text-decoration: none;">black 背景颜色

background-image : url(image/bg.gif) 背景图片

background-attachment : fixed 固定背景

background-repeat : repeat 重复排列-网页预设

background-repeat : no-repeat 不重复排列

background-repeat : repeat-x 在x轴重复排列

background-repeat : repeat-y 在y轴重复排列

background-position : 90% 90% 背景图片x与y轴的位置

over-flow: hidden ,让超出的部分隐藏。

4.浮动和清除浮动

float: left;  //左浮动

clear: left;  //清除该位置左浮动

 

html&&css 基础知识笔记