CSS样式

CSS通常称CSS样式表或层叠样式表，主要用于设置HTML文本内容（字体、大小、对齐方式等），图片的外形（宽高、边框样式、边距等）以及版面的布局外观显示样式

CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式s

一.CSS基本语法

1.1书写位置：head标签内部

1.2环境：<style type =''text/css''> <style/>

1.3书写css属性：控制的对象{css键值对}

三.CSS常用文字控制属性

字体：font-family

字号：font-size

颜色：color

内容水平对齐方式：text-align:left | center |right

首行缩进：text-indent,单位是em,代表一个文字的间距

 

四.实体化三属性

宽度：width

高度：height

背景色：background

 

 五.选择器

选择器用来选中控制的对象

类选择器是最常用的选择器

定义类选择器，要求以点开头，后面紧跟类选择器的名称，名称自定义，但要满足规则：不能出现特殊符号，不能以数字开头，可以以数字结尾

  六.CSS 常用属性

font-weight 设置字体粗细的：normal（不加粗） bold(加粗）

font-style 设置字体倾斜：italic(倾斜 )  normal(不倾斜)

text-decoration 设置线：none(没有线） underline(下划线）overunder（上划线）

line-through贯穿线（删除线）

word-break:break-all 强制换行

hover 代表鼠标悬停的样式

 

七.边框属性

Border:1px solid red(1px代表粗细，solid和dashed代表实和虚线）

这样写代表四个方向的设置是一样的，如果想单独设置某个方向只需要：border- left（right、top、bottom）

 

 八.css盒子模型的组成

宽高+边框+内边距（内容和边框的距离）+外边距（盒子和盒子之间的距离）=盒子模型的组成

 

 

 九.html5新标签

header 头部、

nav 导航

aside 侧导航

article 文章块

footer 底部

注意：这些HTML5新标签只能用在手机网站的书写中，可以提升搜索引擎对网站的优化，不能用在pc端网站，因为ie低版本不能识别这些标签