2019-05-06html表单和选择器

**表单**

1. 实现客户端与服务器端相互交换的一样网页元素；

客户端：

LOL下载客户端   一个人下载一个

服务器：共有一个服务器

提供服务得，提供给客户端

注册登陆流程



CSS是Cascading Style Sheets（级联样式表）的缩写。

CSS是一种样式表语言，用于为HTML文档定义布局。例如，CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。

HTML可以用于为网站添加布局效果，但有可能被误用。而CSS则提供了更多选择，而且更为精确、完善。现在所有浏览器都支持CSS。

 总之HTML是定义网页内容，CSS则是定义内容样式，一般的话，内容和样式分离，既可以方便维护，也可以实现代码重用。

                              Css的语法： 
style=“属性名：属性值；属性名：属性值....”

Style=”height:30px高度

Width：200px;宽度

Font-size:30px;

Background-color:pink;背景颜色

Color：aliceblue; 字体颜色

Border-radius:100px；半径

Opacity：0.6”透明度   1不透明 0完全透明

     行内样式表

<标签名 style=”属性名：属性值；属性名：属性值；..”>

作用：只用于当前标签里

    内部样式表







作用：用于当前页面里面，如果内部样式和行内样式的属性重复了有限使用行内样式.


外部样式表

在扩展名创建一个.css的文件放在Style目录中

然后打开后直接   选择器{

属性名：属性值；

}

写法：



    

      

        

     

    

  

注：link可以引入多个。

     选择器

写法：

选择器：

写法：

选择器的名字{

属性名：属性值；

属性名：属性值；

}

1.标签（标记）选择器

标签名{

属性名：属性值；

属性名：属性值；

}

作用范围：作用于同一个标签里面

2.id选择器 --（id是唯一的 id的值不能重复）

#id的值{ 属性名：属性值； }

作用范围： 只作用于当前的id里面

3\. class选择器 类选择器 (class的值是可以重复的)

.class的值{属性名：属性值； }

作用范围： 作用于class一样的标签里面，class可以有多个是一样的

4\. 通配符选择器 作用于整个页面

*{属性名：属性值}

5.派生选择器

外部的标签 里面的标签 里面的标签{

属性名：属性值；

}