您的位置：首页 > Web前端 > JavaScript

Java web第一天-表单、标签、css和JavaScript与HTML的结合使用02

2020-07-14 19:05 211 查看

1、使用css代码只能在同一页面内复用代码，不能在多个页面复用css代码
维护起来不方便，实际的项目中会有上千个页面，修改工作量会很大
那么就可以把css样式写成一个单独的css文件，再通过link标签引入即可复用

<link rel="stylesheet" type="text/css" href="1.css">

2、css选择器
标签名选择器的格式：
标签名{
属性：值；
}
3、id选择器，选择性地使用样式
格式：
#id属性值{
属性：值；
}
4、class选择器（类选择器），可以通过class属性有效的选择样式
格式：
.class属性值{
属性：值；
}
5、组合选择器
格式：
选择器1，选择器2，选择器N{
。。
}
让多个选择器共用一段样式

二、JavaScript和HTML的结合
1、只要在head标签中或者在body标签中来书写JavaScript代码
2、使用script标签单独引入的JavaScript代码
需要引用script引入外部的js文件来执行
src属性是专门用来引入js文件路径（可以是相对路径也可以是绝对路径）
script标签可以用来定义js文件，也可以用来引入js文件
但是，两个功能二选一使用，不能同时引入，可以再写一个标签引入，从上往下执行

<head>

<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="1.js">

</script>
<head>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航