web前端开发学习基础一

id选择符、样式出现的位置(行间、内部、外部)。

1、行间样式表一般不在真实项目里实现,与div写一起。

注释的写法<!--注释--> 

2、<style></style>内部样式表

内写控制标签的样式,更多样式的集中管理,在</head>之前写

3、CSS的引入<!--外部样式表-->做真正的项目

更容易提出来专门写一个CSS表

<link rel="stylesheet" href="123.css"/>在</head>之前写

id标签在样式表中前要加#

常见样式:单位值种类、颜色值模式、背景图片、平铺、背景定位

颜色

css的注释方法/*注释*/

1、单词模式black、yellow

2、16进制(#0CC)

3、rgb模式 red green blue

background-color:rgb(140,164,234);

4、背景图片

/*img是文件夹 /就是打开文件夹的意思*/

background-image:url(img/2.jpg);

/*默认状态下,背景会平铺*/

background-repeat:no-repeat;

/*no-repeat 不重复

repeat-x 水平平铺

repeat-y 垂直平铺

*/

背景图片比背景颜色的层级要高。

background-position:100px 30px;

/*背景位置定位:x y

100px 30px 正负都可以设置

或者利用百分比定位:50% 60%

英文直接设置 左右位置 left || center || right  上下位置top || center || bottom

默认x轴 和居中

*/