1、name属性：

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

2、id属性：

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

 <html>

 <head>

 <script type="text/javascript">

 function change_header(){

 document.getElementById("myheader_1").innerHTML="you have clicked"

 }

 </script>

 </head>

 <body>

 <h1 id ="myheader">hello </h1>

 <h2 id ="myheader_2">hello </h2>

 <button onclick="change_header()">change text</button>

 </body>

 </html>

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

3、style属性：

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

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

HTML样式实例的背景颜色：

 <html>

 <body style ="background-color:yellow">

 <h2 style="background-color:red">this heading</h2>

 <p style ="background-color :green">this heading2</p>

 </body>

 </html>

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

 <html>

 <body style ="background-color:yellow">

 <h2 style="background-color:red">this heading</h2>

 <p style="font-family:隶书;color:red">this heading2</p>

 </body>

 </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的知识了；

HTML的属性和css基础的更多相关文章

  1. 【CSS】 CSS基础知识 属性和选择

    css基础知识 html的基本标签都是千篇一律的,为了能够个性化外观,就需要进行样式的调整,而css就是专门用来维护,管理样式的一种格式.在html中定义css有三种方法 1. 为标签添加style属 ...

  2. css基础--常用css属性02

    上篇地址:css基础--常用css属性01 本文参考菜鸟教程和w3school 1  浮动和清除浮动 在上篇的第十一节--定位中说道: CSS 有三种基本的定位机制:普通流.浮动和绝对定位. 普通流和 ...

  3. 第一百六十六节，jQuery，基础 DOM 和 CSS 操作，元素内容，元素属性，css和class，元素宽度高度、偏移、滚动条

    jQuery,基础 DOM 和 CSS 操作,元素内容,元素属性,css和class,元素宽度高度.偏移.滚动条 学习要点: 1.DOM 简介 2.设置元素及内容 3.元素属性操作 4.元素样式操作 ...

  4. HTML&CSS基础-标签的属性

    HTML&CSS基础-标签的属性 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码 <!-- html 根标签,一个页面中有且只有一个根标签,网页中的 ...

  5. HTML&CSS基础-属性选择器

    HTML&CSS基础-属性选择器 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码 <!DOCTYPE html> <html> & ...

  6. HTML&CSS基础-边框简写属性

    HTML&CSS基础-边框简写属性 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.HTML源代码 <!DOCTYPE html> <html> ...

  7. CSS基础-行快属性，hover

    CSS基础 1.行快属性 在css中有很多标签,分为行内标签,块标签,标签行内块标签,他们有着不同的属性.     块标签         div,ul,li,ol,h1~h6,p         可 ...

  8. CSS基础【2】：CSS常见属性

    CSS常见属性 文字属性 font-style 作用:规定文字样式 格式:font-style: italic; 取值: normal:正常的,默认就是正常的 italic:倾斜的 font-weig ...

  9. （转）面向属性的CSS命名

    原文链接:戳这里 自从开始做前端开发以来,我发现在开发页面的时候,总是有一个问题十分影响自己的开发效率,这个问题就是css的命名,主要是指css类选择器的命名.这个问题主要体现在:第一,有的内容你压根 ...

随机推荐

  1. BASIC-10_蓝桥杯_十进制转十六进制

    示例代码: #include <stdio.h>#define N 16 void dg(int a){ int y = a%N; int next = (a-y)/N; if (next ...

  2. maven学习（2）-在Eclipse 中使用Maven

    第一节:m2eclipse 插件安装 打开Eclipse,点击菜单Help - > Install New Software 点击Add 按钮Name:m2e location: http:// ...

  3. 自己写的 读写 ini 配置文件类

    /// <summary> /// 不调用系统API 读写 ini 配置文件 /// </summary> public class RW_ini { #region ==== ...

  4. python selenium 问题汇总

    FAQ 1.python+selenium+Safari浏览器,定位元素 selenium.common.exceptions.ElementNotVisibleException: Message: ...

  5. 6-3-1appium iOS

    环境准备 brew install carthage npm i -g ios-deploy brew install libimobiledevice --HEAD brew install ide ...

  6. Vcenter 和ESXi License过期解决办法

    Vcenter License过期解决办法 用client连接vcenter:  KEY必须用vCenter Server 5 Standard序列号如果使用使用的“vCenter Server 5 ...

  7. Maven 添加jdk编译插件

    问题描述: 默认情况下,eclipse的maven项目使用jdk1.5编译,而我们的jdk为1.8每次更改jdk1.5之后,只要maven项目已更新,eclipse就会自动的回到jdk1.8结局方法: ...

  8. border-radius bug 收集

    border-radius我相信对于老一辈的前端们有着特殊的感情,在经历了没有圆角的蛮荒时代,到如今 CSS3 遍地开花,我们还是很幸福的. 然而即使到了三星大脸流行时代,border-radius在 ...

  9. UVA-755-排序

    奇怪,我怎么还有一个排序题目没过 题意如下: 公司喜欢有难忘的电话号码,一个让电话号码变得难忘的方式是有一个拼读起来难忘的单词,比如,你可以呼叫University of Waterloo通过拨打难忘 ...

  10. 0_Simple__template

    简单的 CUDA 应用模板,白送的 Sample. ▶ 源代码 //template_cpu.cpp extern "C" void computeGold(float *, co ...