HTML+CSS章节要点解析
2018-02-28 21:51
155 查看
1.HTML中定义表格的宽度用80px和80%的区别是PX标识像素,%标识整个页面的宽度百分比 2.CSS样式定义优先级顺序:内联样式最高优先权,然后是内部样式,然后才是外部样式 3.
DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表(共同点)。
两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素)。
4.CSS选择器包括:
1)类别选择器 用“.”来标识
2)标签选择器 用HTML标签来标识
3)ID选择器 用“#”号来标识
4)通配符选择器 用“*”号来标识
5.用css3语法中,一个矩形框的圆角效果和50%红色透明效果的实现方法:
<style>
div{
width:200px;
height:200px;
border-radius: 30px;
opacity: 0.5;/* 火狐 */
/* filter:alpha(opacity=50); IE */
background-color:red;
}
</style> 6.Div与Table的区别:
1) div大大缩减页面代码,提高页面浏览速度,table代码量繁多,页面浏览效率慢。
2) div结构清晰,可读性非常强,也容易被搜索引擎搜索到,优化了搜索引擎,Table结构复杂,可读性差。
3)div 缩短改版时间。只要简单的修改几个CSS文件就可以改变很多页面。Table要想改变的话,需要一个页面一个页面的去修改。
4)div表现和内容相分离,非常符合w3c标准。
5)table制作效率高于div
6)table浏览器兼容性高于div,我们常用的IE6.0,IE7.0火狐Firefox浏览器对div css设置上非常挑剔。 7.行级标签转块级标签,块级标签转行级标签
行级转块级:display:block
块级转行级:float:left
DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表(共同点)。
两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素)。
4.CSS选择器包括:
1)类别选择器 用“.”来标识
2)标签选择器 用HTML标签来标识
3)ID选择器 用“#”号来标识
4)通配符选择器 用“*”号来标识
5.用css3语法中,一个矩形框的圆角效果和50%红色透明效果的实现方法:
<style>
div{
width:200px;
height:200px;
border-radius: 30px;
opacity: 0.5;/* 火狐 */
/* filter:alpha(opacity=50); IE */
background-color:red;
}
</style> 6.Div与Table的区别:
1) div大大缩减页面代码,提高页面浏览速度,table代码量繁多,页面浏览效率慢。
2) div结构清晰,可读性非常强,也容易被搜索引擎搜索到,优化了搜索引擎,Table结构复杂,可读性差。
3)div 缩短改版时间。只要简单的修改几个CSS文件就可以改变很多页面。Table要想改变的话,需要一个页面一个页面的去修改。
4)div表现和内容相分离,非常符合w3c标准。
5)table制作效率高于div
6)table浏览器兼容性高于div,我们常用的IE6.0,IE7.0火狐Firefox浏览器对div css设置上非常挑剔。 7.行级标签转块级标签,块级标签转行级标签
行级转块级:display:block
块级转行级:float:left
相关文章推荐
- HTML.CSS - 要点记录
- HTML及CSS导航栏详细解析
- 高级排版之HTML,CSS解析
- CSS控制XML与通过js解析xml然后通过html显示xml中的数据
- HTML+CSS要点总结
- html+css兼容性要点
- (转)写的html页面引用外部css文件的时候在IE7,IE8和FF中能正常作用,即能正常显示,可在IE6中却完全没有作用到,即css文件里的样式根本未被解析到我们的html页面,这是什么原因?
- HTML、css和javascript开发Android程序第五章节 客户端存储 学习笔记
- 做邮件样式注意事项 email html css 要点
- HTML/CSS的知识要点
- 深入解析HTML、CSS中的核心知识点
- HTML 与 CSS 中值得注意的要点(持续更新)
- Chrome内核解析 -- 背景篇:HTML, CSS解析与JavaScript执行
- HTML/CSS知识要点总结
- 浏览器-06 HTML和CSS解析2
- IE与Firefox对CSS解析的区别--及兼容要点分析
- HTML的解析和css的回流与重绘的自己初略理解
- 浏览器-05 HTML和CSS解析1
- 用html与css实现一个下载列表
- [HeadFrist-HTMLCSS学习笔记][认识HTML中的“HT”]