css基础

138 阅读1分钟

什么是CSS?

CSS(Cascading Style Sheet )层叠样式表,简称样式表。

作用:网页布局,美化网页。

引入CSS的方式:


1、行内样式(直接在标签内引用,一般不用)

2、内部样式(style 中间写 /style,一般学习时用)

3、外部样式(引入out.css,实际开发时使用)


选择器:用来选择标签进行设置、美化

选择器类型:

ID选择器、Class选择器、标签选择器、后代选择器(空格)、通配选择器、分组选择器(有逗号)、伪类选择器(a标签)


CSS排版:

1、字体设置

color:颜色设置

font-size:字体大小

font-family:字体样式

font-style:是否倾斜(正常:normal 倾斜:italic)

font-weight:是否加粗(正常:normal 加粗:bold)

font(复合属性):font-style(可省略) font-weight(可省略) font-size font-family


2、文本设置

text-decoration(修饰):underline(下划线)、overline(上划线)、 line-through(删除线)、none(默认)

text-indent(缩进):2 em(一个字符单位)

text-align(对齐方式):left、right、center

line-height(行高)


字体、文本设置都具有继承性

3、盒子模型

width:宽

height:高

border:边框

eg:border:3px(边框宽度) solid(边框类型) red(颜色)

padding:内边距(文本与边框之间的距离)

padding:2px 3px 4px(上2 左右3 下4)

margin:外边距(边框线与盒子模型之间的距离)

background:背景颜色


注意:对于女标签weight、height 不起作用