zoukankan      html  css  js  c++  java
  • 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的知识了;

  • 相关阅读:
    win10企业版激活密钥
    百科知识 手机QQ的视频如何保存
    华为荣耀7手机如何开启开发者模式,开启调试模式
    C#如何设置控件水平对齐,垂直对齐
    C#如何实现挂机锁
    JAVA_MyEclipse常见配置NETGEAR路由器如何设置
    JAVA_MyEclipse如何加载Tomcat
    VC++_错误 无法打开包括文件“glglut.h” No such file or directory 怎么办
    生活娱乐 达尔优的键盘鼠标如何打开和关闭呼吸灯
    新版的豌豆荚如何连接电脑
  • 原文地址:https://www.cnblogs.com/surewing/p/7859907.html
Copyright © 2011-2022 走看看