2020-03-09

css

一，css简述

      1.css是什么？有什么作用

          HTNL》》页面的结构》》人的面部

          css》》美化页面》》给人化妆

      2.scc:层叠样式表

          层叠：一层一层叠加

          样式表：储存样式的地方，多个样式

          给一个人的面部化妆：口红，眼影，粉底html标签

          样式1    样式二    样式三

      css可以使HTML页面给好看，css+div布局更加灵活，更加容易

二，为什么使用css代替html属性设置样式

          因为html属性在单独使用时有一定的局限性，所以要配合scc样式代码才可以展示更为丰富的效果

三，css，的代码规范

          1，放置规范

              （1）在《style》标签内容体中书写css样式的代码

                        标签放置在标签之中

          2，格式规范

                选择器名称{属性：属性值，属性名。。。。。}

                选择器：及指定css样式作用在那些heml标签上

            3，代码规范

                  属性名和属性值之间是键值对关系

                属性名和属性值之间用：连接，最后结尾

                    例如：

                                  font-size：120px

五 ，css选择器

      1.基本选择器

            （1）元素选择器

                      HTML标签又叫HTML元素

                  元素选择器：即以HTML

      JS会出问题

          （3）类选择器

                    每个HTML标签都会有一个class属性，class属性

        2基本选择器是组合方式

GET和POST的区别：

1.GET提交的参数列表拼接到地址栏后面，POST方式不会拼接到地址栏后面

2.GET提交的数据，敏感信息不安全，POST方式提交的数据相对安全

3.GET方式提交的数据是有限的，POST理论上提交的数据是无线大的尽量使用POST方式提交表单

五 输入项标签

标签

  表单输入项标签之一，用户可以在标签上，通过调谐和选择，进行数据的输入

type：设置该标签的种类

  text：文本框，默认

  password：密码框，内容非文铭

  radio：单选框，在同一组内有单选效果

  chenbox:复选框，在同一组内有复选效果

  submit:提交按钮，用于控制表单提交数据

  reset:重置按钮，用于将输入项恢复到默认状态

  file:附件框，用于文件上传

  hidden:隐藏框，一般提交服务器需要拿到，但用户不需要看到的数据

九 字体

font-size：用于设置字体的大小

color：用于设置字体的颜色

十 CSS盒子模型

什么是盒子模型

  所有HTML元素，我们都可以看成一个四边形，几一个盒子

  用CSS来设置元素盒子的内边距，边框，外边距的样子的样式，称为盒子模型边框1

四个属性：

  border-top上边框

  border-right右编框

  border-bottom下边框

  border-left下边框

通用设置

  border：1px solid red；  1相素的实现红色边框

四个属性：

  margin-top上边框

  margin-right右编框

  margin-bottom下边框

  margin-left下边框

通用设置

  magin:10px;

十一CSS和HTML的结合样式

内部样式

  行内样式：通过标签的style属性来设置元素的样式

  格式标签 style=“css”样式代码<>

  试用环境

适合页面中进行样式服用

外部样式

链入式 css为扩展的外部样式文件夹中,通过引入

试用范围：不同页面进行样式复用

游戏

1，plate

2，bento

3，#fancy

4，plate空格apple

5，#fancy空格pickle

6，apple.small

7,orange.small

8.bento    orange.small

9.plate,bento,plate