html中style的两种方式和js的两种方式

来源：互联网发布：mysql中文参考手册编辑：程序博客网时间：2024/05/20 15:58

默认style：在style 可以改变<th>,<p>,<h>等文本属性，颜色属性，大小，背景，位置....

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Doc</title><style>            legend{                color:blue;                font-size: 20px;                align-content: center;            }            label{                font-weight: bold;            }            th{                background: #099;                border-radius: 15px;            }            table{                border: 1px solid #099;                border-radius: 5px;            }            input, select {                border-radius: 5px;            }        </style></head>

第二种导入法：需要注明导入css的文件的location，最好呢就是把css和html放在同一个文件夹中，那么可以直接写css文件名，就表示定位到当前的目录下:

<head>    <meta charset="utf-8" />    <title></title>    <link type="text/css" rel="stylesheet" href="cssTest.css" /></head>

默认script，可以写在 <head> 和 <body>标签中

<body><script>function func(a,b) {alert(a+b);}var a = 1;if (a == 1) alert("Yes a equal 1");func(1,2);    </script>    </body>

第二种导入法:一般写在导入的css之下:

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>First Script</title><style type="text/css" ></style><script type="text/javascript" src="codejs.js"></script></head>

然后在codejs.js中可以自由发挥,哈哈

function addb(a,b){alert(a+b);}var a = 1;var b = "1";if (a===b) alert("a === b");//a 与 b 值相等,并且a 和 b的类型相等if (a==b) alert("a == b");//a 与 b值相等

0 0