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导入样式。
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导入样式。
相关文章推荐
- css 背景色渐变---和背景色透明
- css骇客编码,兼容例子
- 常用的CSS代码
- 下拉列表框Spinner-采用自定义布局文件作为Spinner样式
- css3 在线编辑工具 连兼容都写好了
- css3之outline属性
- HTML第二十节(CSS制作照片墙效果与瀑布流)
- HTML+CSS样式设置——CSS一学就会
- 让navigationItem.leftBarButtonItem具有backBarButtonItem的外观样式
- HTML和CSS书写心得
- CSS--使用伪选择器制作箭头图标
- 知道一个div的宽高背景色,如何不通过写在行间样式的办法更改样式?currentStyle(只兼容ie),getComeputedStyle(兼容)-->获取非行间样式
- CSS postion 相对定位、绝对定位、固定定位
- CSS关于绝对位置与相对位置的理解
- CSS中position详解与常见应用实现
- 举例详解CSS中的cursor属性
- css布局样式属性【text-overflow】
- CSS设计之页面滚动条出现时防止页面跳动的方法
- 使用CSS时间打点的Loading效果的教程
- css div position to parent