CSS基础入门（第四天）
2017-02-20 本文已影响0人
web小杨
一、学习计划：
1.CSS的定义和HTML的关系
2.如何编写CSS
3.CSS语法和简单属性
4.CSS选择器
1.CSS 的定义和HTML的关系
CSS指的是层叠样式表
CSS主要用于设置HTML页面中的文本内容、图片外形、以及版面的布局等外观显示样式
*CSS和HTML的关系
HTML结构层 负责从语义的角度搭建页面结构
CSS样式层 负责从审美的角度美化页面
JavaScript行为层 负责从交互的角度提升用户体验
2.如何编写CSS
*内联样式style属性
<span style="color:red;"></span>
*内嵌样式，在head标签中添加style标签
<head>
<style>p {color: red;}</style>
</head>
外部样式，外联样式（link）
通过link标签引入CSS样式文件
<link rel="stylesheet" href="a.css"/>
type属性：只有一个选项，"text/css",指定当前为CSS文本文件
rel：指定当前HTML文件与CSS文件的关系是样式表。
href：指定外联样式表的路径
3.CSS语法和简单属性
*CSS的简单属性
width：设置宽度，单位为px像素
height：高度
color：前景色，也就是文字的颜色
background-color：背景色
font-size：字体的大小
CSS的注释/*········内容·······*/
4.CSS选择器
*所有标签选择器：* {}
*标签选择器：p {} div {}
*ID选择器：#head {}
*类选择器：.head{}
*层级选择器
*分组选择器
*属性选择器
*子元素选择器
*相邻兄弟选择器
*伪类选择器
*伪元素选择器
