web前台 css样式知识点掌握
2013-04-25 11:50
106 查看
1. css样式的优先级
在html中使用css样式,很很多种方法
有<link href="ho.css" rel="stylesheet" type="text/css" />外部引用方法
有 直接从<head></head>标签中 写控制html的CSS样式语句
可以直接在想要控制的 标签当中直接写入css来控制
优先级的话:
浏览器默认样式 最低
外部引用样式 其次
head标签中 第二
想要控制的标签中 优先级最高
2.可以将选择器组合起来
h1,h2,h3,h4,h5{color:green}
中间需要用,号来分隔 这样他们就会有统一的样式
同样的一个元素 也可以给他指定不同的属性 例如:
p.right{text-align:right}
p.center{text-align:center}
上面这是控制下面 html语句的css样式
html中的 语句是:
<p class="right"> this is right</p>
<p class="center"> this is center </p>
这样给P元素 分别指定不同的类名,这样就可以通过类的名称来控制 同一种元素的不同样式了。
3.浏览器对css的支持
现在css3.0 有很多很棒 的效果,可是有些浏览器对css的样式的支持 却不是很到位,例如IE
css3.0的样式中有的IE9 都不支持,我们现在用的系统一般都是IE7 8 9浏览器。对于开发来说 简直是太痛苦了。
不过火狐 浏览器的强大,几乎所有的样式 该浏览器都支持,还有google也是非常棒的浏览器,运行速度应该是最快的,还有我们国内的 360浏览器,他用的是IE内核,基本上也就决定了它的命运。做开发的话我们经常用的浏览器 是火狐 google 和IE 不能因为IE不支持就不用,也得用它来调试兼容性。
火狐浏览器的 firebug 插件不错,可以用来前台调试css样式代码,改了前台自动修改,不需要每次更改CSS样式 就得刷新下页面。这样给前台提高了工作效率。
本文出自 “运维工程师” 博客,请务必保留此出处http://yanzhe.blog.51cto.com/5279577/1186299
在html中使用css样式,很很多种方法
有<link href="ho.css" rel="stylesheet" type="text/css" />外部引用方法
有 直接从<head></head>标签中 写控制html的CSS样式语句
可以直接在想要控制的 标签当中直接写入css来控制
优先级的话:
浏览器默认样式 最低
外部引用样式 其次
head标签中 第二
想要控制的标签中 优先级最高
2.可以将选择器组合起来
h1,h2,h3,h4,h5{color:green}
中间需要用,号来分隔 这样他们就会有统一的样式
同样的一个元素 也可以给他指定不同的属性 例如:
p.right{text-align:right}
p.center{text-align:center}
上面这是控制下面 html语句的css样式
html中的 语句是:
<p class="right"> this is right</p>
<p class="center"> this is center </p>
这样给P元素 分别指定不同的类名,这样就可以通过类的名称来控制 同一种元素的不同样式了。
3.浏览器对css的支持
现在css3.0 有很多很棒 的效果,可是有些浏览器对css的样式的支持 却不是很到位,例如IE
css3.0的样式中有的IE9 都不支持,我们现在用的系统一般都是IE7 8 9浏览器。对于开发来说 简直是太痛苦了。
不过火狐 浏览器的强大,几乎所有的样式 该浏览器都支持,还有google也是非常棒的浏览器,运行速度应该是最快的,还有我们国内的 360浏览器,他用的是IE内核,基本上也就决定了它的命运。做开发的话我们经常用的浏览器 是火狐 google 和IE 不能因为IE不支持就不用,也得用它来调试兼容性。
火狐浏览器的 firebug 插件不错,可以用来前台调试css样式代码,改了前台自动修改,不需要每次更改CSS样式 就得刷新下页面。这样给前台提高了工作效率。
本文出自 “运维工程师” 博客,请务必保留此出处http://yanzhe.blog.51cto.com/5279577/1186299
相关文章推荐
- Web.xml配置中目前需要掌握的知识点
- javaWEB需要掌握的小碎知识点(2)
- javaWEB需要掌握的小碎知识点(3)
- 初学web前端开发需要掌握什么
- 【web++_第四阶段_(security后)学做精美前台_2】
- Web---字节输出流和字符输出流的共存问题、转发、重定向、请求包含知识点讲解
- Web开发者应掌握的12个Firebug技巧
- 掌握 Ajax,第 4 部分: 利用 DOM 进行 Web 响应
- 一个掌握Struts企业级Web开发框架的实例
- JAVA WEB 前台后台交互
- Javascript函数式编程要掌握的知识点讲解
- 发布二手房,上传图片,带水印,可一次性上传多张.。在前台及后台中取 web.config 中的key值
- 一名中级JAVA需要掌握的知识点
- Web 测试知识点
- web前台的ajax异步问题
- 学习JavaScript你必须掌握的8大知识点
- 掌握 Ajax,第 4 部分: 利用 DOM 进行 Web 响应
- Web项目的前台兼容性问题--宏观篇
- JAVA_WEB项目(结合Servlet+jsp+ckEditor编辑器+jquery easyui技术)实现新闻发布管理系统第四篇:前台首页,新闻分类(体育新闻,科技新闻等),新闻列表分页的实现
- 做一个完整的Java Web项目需要掌握的技能