css 语法 简单文字设置篇1

 

1 字体 综合设置

css 语法 简单文字设置篇1_第1张图片

css 语法 简单文字设置篇1_第2张图片

 

2 连接伪类选择器 的四个状态

css 语法 简单文字设置篇1_第3张图片

简写:

css 语法 简单文字设置篇1_第4张图片

 

 

 

3 结构伪类选择器

css 语法 简单文字设置篇1_第5张图片

 

 

 

4 目标伪类选择器
  1. 谁被选中 谁有变化:如图所示:target {}设置里边的属性就是 选中对象的变化

css 语法 简单文字设置篇1_第6张图片

 

 

 

 

 

 

5  css  颜色的设置

知识点:使用了.red 类,#rgb 索引器,   还有li:nth-child 寻找子方法对象 

css 语法 简单文字设置篇1_第7张图片

 

6 文字行间距,字间距

css 语法 简单文字设置篇1_第8张图片

css 语法 简单文字设置篇1_第9张图片

 

 

css 语法 简单文字设置篇1_第10张图片

css 语法 简单文字设置篇1_第11张图片css 语法 简单文字设置篇1_第12张图片css 语法 简单文字设置篇1_第13张图片

css3 新增特性:文字半透明

css 语法 简单文字设置篇1_第14张图片

css 语法 简单文字设置篇1_第15张图片

文字阴影

css 语法 简单文字设置篇1_第16张图片

css 语法 简单文字设置篇1_第17张图片

sublime 快捷键

css 语法 简单文字设置篇1_第18张图片

 

基础案例

css 语法 简单文字设置篇1_第19张图片

css 语法 简单文字设置篇1_第20张图片

 

引入样式表

内部样式表   行内样式表

css 语法 简单文字设置篇1_第21张图片

外部样式表的写法,就像ui 一样,一个控制内容,一个控制大小方向等。

css 语法 简单文字设置篇1_第22张图片

 

 

css 语法 简单文字设置篇1_第23张图片

      内部样式表:在一个html 里控制 整个页面

      外部样式表:结构与样式相分离,在外部设置一个样式,然后使用 Link 连接样式

css 语法 简单文字设置篇1_第24张图片

 

3. 块级标签连接模式

       块:div 

css 语法 简单文字设置篇1_第25张图片

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(css学习记录)