什么是Css？

层叠样式表 ： 层叠 样式只会被覆盖 而不会被替代

CSS 的使用方式

style属性 --->

style标签 ----> head标签里面

link --->

1、基础选择器

html标签选择器 通过html标签名来选择元素 ① 所有的html标签都可以当做选择器 ② 无论标签藏多深都会被选中 ③ 选择的是所有的标签而不是具体某个标签。所以说我们通过html标签选择器来设置的都是一些共性问题。

id选择器 ① 任何的标签都可以有id属性和属性值(因为id是一个全局属性)。id命名不能随意的命名。 大小写敏感 ，id的名字中可以有数字字母下划线，但是要以字母开头。 驼峰命名法 小驼峰命名 大驼峰命名 testHeader 小驼峰 TestHeader 大驼峰 test-header test_header ② 但是id名不能够重复

class选择器 ① 任何的标签都可以使用class属性(class属性也是一个全局属性) ② class属性名可以重复使用 ③ 一个class属性中，可以有多个class属性值。

=======================

二、综合选择器

1. 后代选择器 div p
2. 交集选择器 div.d1
3. 并集选择器 div,p
4. 子元素选择器 div>p
5. 序列选择器 ul li:first-child ul:li:last-child
6. 相邻兄弟选择器 div + p
7. 普通兄弟选择器 div ~ p

三、继承和层叠

1.继承：父元素的某些css属性会被子元素无条件的继承过去。 关于文字的css属性都可以进行继承： color text- line- font- 2. 层叠 层叠解决的是css冲突的问题。

比较权重来解决层叠问题。

!important 能够把"单独属性"的权重变为无限大。 尽量少用。

四、块级元素和行内元素

div 块级元素

span 行内元素

块级元素和行内元素的区别： 1. 行内元素部不能够设置宽度和高度。行内元素的宽度和高度是标签内容的宽度和高度。块级元素可以设置宽度和高度。

2. 块级元素会独占一行。而行内元素却部能够独占一行，只能和其他的行内元素共用一行。

3. 如果块级元素不设置宽度，那么块级元素会自动的沾满父元素的全部宽度。

块级元素和行内元素之间的转换

display: inline block inlin-block

1. base 标签

网页中所有连接的基础链接,base标签里面的链接会影响页面中的所有的链接，除非链接设置了协议。

1. form 表单

作用：登陆或者注册、上传....

输入用户名 和 密码

2.1 form标签中常用的属性

action 属性 设置将表单中的数据提交给谁 如果action的属性值为空，那么当你点击提交的时候数据就提交到了当前的网页中

method 属性 方法 设置提交给后台的方法 get / post

当method属性值为get的时候，数据被通过url(统一资源定位符)传递到后台当中

当属性值为post的时候，传输数据通过服务器来传输。

当method属性值为空的时候，默认属性值为get。

2.2 form表单组成之一 input

type 类型 text 文本类型 password 密码 submit 提交 file 文件 hidden 隐藏 radio 单选 checkbox 多选 image 看似是图片，但其实是一个提交按钮 reset 重置

行内元素列表:

• <a标签可定义锚
• 表示一个缩写形式
• 定义只取首字母缩写
• <b>字体加粗
• 大号字体加粗

• 呈现小号字体效果

• 组合文档中的行内元素
• <strong>语气更强的强调的内容
• _{定义下标文本}
• ^{定义上标文本}
• 打字机或者等宽的文本效果
• <var>定义变量块级元素列表:
• 定义地址
• 定义列表中定义条目
• 定义文档中的分区或节

• 定义列表

• <dt>定义列表中的项目
• 定义一个框架集
• 创建 HTML 表单
• <h1>定义最大的标题
• <h2>定义副标题
• <h3>定义标题
• <h4>定义标题
• <h5>定义标题
• <h6>定义最小的标题

• ---

  创建一条水平线
• 元素为
• 元素定义标题
• <li>标签定义列表项目
• <noframes>为那些不支持框架的浏览器显示文本，于 frameset 元素内部 noscript定义在脚本未被执行时的替代内容
• <ol>定义有序列表
• <ul>定义无序列表
• <p>标签定义
• <br>换行
• <cite>引用进行定义
• 定义计算机代码文本
• 定义一个定义项目
• <em>定义为强调的内容
• <i>斜体文本效果
• 向网页中嵌入一幅图像
• <input>输入框
• <kbd>定义键盘文本
• 标签为
• <input> 元素定义标注（标记）
• 定义短的引用
• 定义样本文
• <select>创建单选或多选