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低版本不能识别这些标签