css基础知识

来源:互联网 发布:路灯照明计算软件 编辑:程序博客网 时间:2024/06/05 08:24

关于编码

1、代码的编码;

2、存放代码的文件的编码;

两者要一致!

HTML基本格式

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"/>

<title>百度</title>

<!--引入该页面样式-->

<link rel="stylesheet" href="Cs/style.css">

</head>

<body>

<!--从这里开始工作 编写百度首页-->

<!--引入jquery库 几乎以后都会用到-->

<script type="text/javascript" scr="Js/jquery-1.11.3.min.js"></script>

<!--引入该页面JS脚本-->

<script type="text/javascript" scr="Js/script.js"></script>

</body>

</html>

 

html的缺点:维护困难,标记不足,网页过“胖”,定位困难。

 

注释方法:

一、css的注释方法

<style type="text/css">

/* css的注释方法*/

</style>

 

二、JS的注释方法

<script type="text/javascript">

//js的注释方法

/* */

</script>

 

三、HTML的注释方法

<!-- html的注释方法:START -->

 

style双标签 <style></style>  不能<style />

@import url()是导入外部样式文件  所以必须包含在样式标签中  

 <style>

@import url()

</style>  

<style type="text/css" >这里写样式</style>

<script type="text/javascript">这里写JS脚本</script>

 type="text/css"  说明标签内写的是css样式

 type="text/javascript" 说明标签内写的是JS脚本

他们都是 text文本格式

 

使用css控制页面的方式有四种:1,行内样式 2,内嵌样式 3,链接样式 4.导入样式。

其中@import导入样式的优先级最低。行内样式的优先级最高,其次是采用<lik>标记的链接式。再次是位于<style></style>之间的内嵌样式,最后是@import导入样式。

 

 

 

1 0