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的元素改变或者添加样式；
<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基础的更多相关文章
- 【CSS】 CSS基础知识 属性和选择
css基础知识 html的基本标签都是千篇一律的,为了能够个性化外观,就需要进行样式的调整,而css就是专门用来维护,管理样式的一种格式.在html中定义css有三种方法 1. 为标签添加style属 ...
- css基础--常用css属性02
上篇地址:css基础--常用css属性01 本文参考菜鸟教程和w3school 1 浮动和清除浮动 在上篇的第十一节--定位中说道: CSS 有三种基本的定位机制:普通流.浮动和绝对定位. 普通流和 ...
- 第一百六十六节，jQuery，基础 DOM 和 CSS 操作，元素内容，元素属性，css和class，元素宽度高度、偏移、滚动条
jQuery,基础 DOM 和 CSS 操作,元素内容,元素属性,css和class,元素宽度高度.偏移.滚动条 学习要点: 1.DOM 简介 2.设置元素及内容 3.元素属性操作 4.元素样式操作 ...
- HTML&CSS基础-标签的属性
HTML&CSS基础-标签的属性 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码 <!-- html 根标签,一个页面中有且只有一个根标签,网页中的 ...
- HTML&CSS基础-属性选择器
HTML&CSS基础-属性选择器 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码 <!DOCTYPE html> <html> & ...
- HTML&CSS基础-边框简写属性
HTML&CSS基础-边框简写属性 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.HTML源代码 <!DOCTYPE html> <html> ...
- CSS基础-行快属性，hover
CSS基础 1.行快属性 在css中有很多标签,分为行内标签,块标签,标签行内块标签,他们有着不同的属性. 块标签 div,ul,li,ol,h1~h6,p 可 ...
- CSS基础【2】：CSS常见属性
CSS常见属性 文字属性 font-style 作用:规定文字样式 格式:font-style: italic; 取值: normal:正常的,默认就是正常的 italic:倾斜的 font-weig ...
- （转）面向属性的CSS命名
原文链接:戳这里 自从开始做前端开发以来,我发现在开发页面的时候,总是有一个问题十分影响自己的开发效率,这个问题就是css的命名,主要是指css类选择器的命名.这个问题主要体现在:第一,有的内容你压根 ...
随机推荐
- mysql联表查询
2.1 内连接 select a.*,b.* FROM a INNER join b ON a.id = b.id; 查出所有 或者 select a.*,b.* FROM a join b ...
- android 关于 webview 控制其它view的显示 以及更改view数据失败的问题总结
总结: 1.webview 无法直接更改view的属性,可以通过 handler实现,因为跨线程 2.webview可以通过js api读取 view的属性值 代码: private Handler ...
- 在Windows下使用svn命令行教程及svn命令行的解释
本文转载自:https://blog.csdn.net/yangxiao2shi/article/details/50719286/ 以前在公司一直使用git,现在的公司改用svn,一时间还真的不知道 ...
- 建造者模式及C++实现
下面是我自己对建造者模式的理解.具体我还没在开发中应用过,这只是对于书本的理解. 建造者模式 建造者模式:将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示.这是建造者模式的标准 ...
- 2018-2019 Exp2 后门原理与实践
2018-2019 Exp2 后门原理与实践 目录 一.实验内容说明及基础问题回答 二.工具准备 查看WindowsIP和LinuxIP Windows获得Linuxshell Linux 获得Win ...
- javascript继承之原型式继承(四)
javascript之父道格拉斯在2006年给出了这样一串代码,来实现继承. function object(o) { function F() { } F.prototype = o; return ...
- 第2课 C 到 C++ 的升级
1. C与C++的关系 (1)C++继承了所有的C特性,并在C的基础上提供了更多的语法和特性. (2)C++的设计目标是运行效率与开发效率的统一,它更强调的是语言的实用性. 2. C到C++ 的升级 ...
- solr 通过【配置、多值字段、动态字段】来解决文本表达式查询精确到句子的问题
一.Solr Multivalue field属性positionIncrementGap理解 分类:Lucene 2014-01-22 10:39阅读(3596)评论(0) 参考:http://ro ...
- LINUX ifconfig 命令详解
ifconfig 配置和显示Linux系统网卡的网络参数 补充说明 ifconfig命令 被用于配置和显示Linux内核中网络接口的网络参数.用ifconfig命令配置的网卡信息,在网卡重启后机器重启 ...
- OpenACC 计算规约时发现的小坑
▶ 使用 OpenACC 的 parallel 构件来计算规约,主要想说的是 win10 pgi 和 win10 WSL pgi 结果的不同和关于 for 循环的一个小坑 ● 正常的代码 #inclu ...