JS和CSS初尝试

最新推荐文章于 2024-04-20 02:44:54 发布

奋斗的金鱼

最新推荐文章于 2024-04-20 02:44:54 发布

阅读量416

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_15379219/article/details/42270493

版权

HTML 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

第一次接触JS，看了一个教学视频，比较初级，但是还好比我想象中的要简单一点。基本的使用逻辑和结构与C++和JAVA中差不多，主要是用来实现逻辑层面的东西，果然各种编程语言都是相通的。在HTML中调用JS即可。调用方法有以下几种：

1.直接在HTML文件以内容的形式插入JS语句

<body>
<Script Language="JavaScript">
var s=prompt("shuru");
if(s>=90&&s<=100){
document.write("good");
alert(s+"  is great！~")
}
else
document.write("soso");
</Script>
</body>

2.在浏览器地址栏中直接执行JS脚本

浏览器可以直接执行，如输入：

javascript:alert(2*5)

会弹出提示框内容为10。

3.调用JavaScript文件
可以将纯JavaScript的语句另外保存在一个"*.js"的文件中，需要时再调用，这个应该也是平时最常用的。

<body>
<script language="JavaScript" src="Untitled-11.js">
</script>
</body>

CSS主要是为了让表现和内容分离，html的tag定义网页的内容，css决定这些网页内容如何显示。CSS有4种使用方法：

1.外部样式表（文件链接、导入样式信息）

文件链接（链接来自一个样式表）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS的一个简单实例</title>
<link rel=stylesheet type="text/css" href="Untitled-13.css">
</head>
<body>
<a href="http://www.cs.sdu.edu.cn">计算机科学与技术学院</a><br>
<span style="background-color:#ff0000;color:yellow;font-size:30pt">这是一个使用CSS修饰文字的简单实例</span>
</body>
</html>

其中Untitled-13.css文件为

@charset "utf-8";
/* CSS Document */

  a {text-decoration:none; /* 下划线：underline; none */
       background:green;    /* 背景色*/
	   color:blue;                  /* 前景色*/
       corsur:hand;
       font-family:隶书;
       font-size:20pt}          /* 字体大小*/
  body {text-decoration:underline;background-color:#ddccff ;
          color:blue;font-weight:bold}

优先级最低。

2.内部样式表

<html>
<head>
<style type="text/css">
<!--
  a {text-decoration:none; /* 下划线：underline; none */
       background:green;    /* 背景色*/
	   color:blue;        /* 前景色*/
       corsur:hand;
       font-size:20pt}          /* 字体大小*/
body {text-decoration:underline;background-color:#ddccff ;
color:blue;font-weight:bold}
-->
</style>
</head>
<body>
使用CSS的一个简单实例。<br>
</body>
</html>

内部样式表是写在HTML的<head></head>里面的，只对所在的网页有效，定义整个网页字体、背景等属性，<body>中只需要写内容即可。
使用内部样式表可能是使用样式最简单的方法。
使用<STYLE>标记符在HTML文档的head部分放置信息。
样式信息包含在注释标记符“”中

3.内嵌样式

<html>
<head>
<title>CSS的一个简单实例</title>
<style type="text/css">
<!--
body {text-decoration:underline;background-color:#ddccff ;
color:blue;font-weight:bold}
-->
</style>
</head>
<body>
使用CSS的一个简单实例。<br>
<span style="background-color:#ff0000;color:yellow;font-size:30pt">这是一个使用CSS修饰文字的简单实例</span>
</body>
</html>

内嵌样式是混合在HTML标记里使用的，
用这种方法，可以很简单的对某个元素单独定义样式，只对所在的Tag有效。
内嵌样式的使用是直接在HTML标记里加入style参数，而style参数的内容就是CSS的属性和值
只适合用于偶然的样式改变。
最优先

奋斗的金鱼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS和CSS初尝试

第一次接触JS，看了一个教学视频，比较初级，但是还好比我想象中的要简单一点。基本的使用逻辑和结构与C++和JAVA中差不多，主要是用来实现逻辑层面的东西，果然各种编程语言都是相通的。在HTML中调用JS即可。调用方法有以下几种：1.直接在HTML文件以内容的形式插入JS语句var s=prompt("shuru");if(s>=90&&s<=100){document.writ
复制链接

扫一扫