您的位置:首页 > Web前端 > CSS

css基础知识

2015-06-09 10:40 447 查看
关于编码

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导入样式。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: