HTML的属性和css基础

1、name属性：

name属性，用于指定标签元素的名称，<a>标签内必须提供href或name属性；
<a name ="value">

2、id属性：

1、id属性规定了HTML元素的唯一的id
2、id属性在HTML的文档中必须是唯一的
3、id属性可通过javascript或者css为带有指定的id的元素改变或者添加样式；

 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4 function change_header(){
 5 document.getElementById("myheader_1").innerHTML="you have clicked"
 6 }
 7 </script>
 8 </head>
 9 <body>
10 <h1 id ="myheader">hello </h1>
11 <h2 id ="myheader_2">hello </h2>
12 <button onclick="change_header()">change text</button>
13 </body>
14 </html>

注意：id和name的属性的值可以是引号起来的任何字符串，字符串必须是唯一的标记，不能同一文档中的其他name，或者id属性中重复使用，但是可以在不同弄的
文档中再次使用；

3、style属性：

样式是HTML4引入的，他是一种新的首选的改变HTML元素样式的方式，通过HTML样式，能够通过使用style属性直接将样式添加到HTML元素，或者间接的在独立的样式

表中<css>文件，进行定义；

HTML样式实例的背景颜色：

1 <html>
2 <body style ="background-color:yellow">
3 <h2 style="background-color:red">this heading</h2>
4 <p style ="background-color :green">this heading2</p>
5 </body>
6 </html>

HTML的样式实例-背景颜色；

1 <html>
2 <body style ="background-color:yellow">
3 <h2 style="background-color:red">this heading</h2>
4 <p style="font-family:隶书;color:red">this heading2</p>
5 </body>
6 </html>

4、css 的概述：

css是指层叠样式表（Cascading Style Sheets ）

5、css产生的缘由：

HTML标签原本被设计为用于定义文档的内容，通过<h1> <p> <table> 这样的标签，HTML的初衷是表达这是标题，这是段落，这是表格之类的信息
同时文档的布局是有浏览器完成的，而不是使用任何的表格化标签；

6、css的作用：

样式通常保存在外部的css文件中，通过仅仅编辑一个简单的css文档，外部的样式使你有能力同时改变站点中所有的页面的布局和外观；

7、css语法：

css规则有两个主要的部分构成，选择器以及一条或者多条声明；
selector{declaration1,declaration2,......declarationN}

1、选择器通常是你需要改变样式的HTML元素；
2、每条声明有一个属性和一个声明组成
3、属性是你希望设置的样式的属性，每个属性有一个值，属性和值被冒号分开；
selector{property：value}

关于HTML的知识我们就这里就介绍这么多，我这里不在去说了，说这些也是为我们的selenium自动化做储备用的，对于想细学习的同学，可以查看http://www.w3school.com.cn/来进一步学习，或者通过其他的网站进行学习，这里小编不在啰嗦HTML的知识了；