关于CSS的一些问题

html-css012

关于CSS的一些问题,第1张

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>test</title>

</head>

<body>

<style type="text/css">

.test {

line-height: 16px

font-size: 16px

}

.test2 {

line-height: 10px

font-size: 16px

color: red

}

.test3 {

line-height: 16px

font-size: 10px

}

.test3 {

line-height: 16px

font-size: 10px

height:30px

}

</style>

<div class="test" style="background-color: #EEEEEE">

1、我们要好好学习 line-height 属性设置行间的距离。

</div>

<span class="test">

1.1、我们要好好学习 line-height 属性设置行间的距离。

</span>

<hr />

<div class="test2" style="background-color: #EEEEEE">

2、我们要好好学习 line-height 属性设置行间的距离。

</div>

<span class="test2">

2.1、我们要好好学习 line-height 属性设置行间的距离。

</span>

<div class="test2" style="overflow:hiddenbackground-color: #EEEEEE ">

2.3、本节点为div,且直接在节点属性上设置了 overflow:hidden,和2、是不同的

</div>

<span class="test2" style="overflow:hidden">

2.4、本节点为span,且直接在节点属性上设置了 overflow:hidden,和2.1的表现相同

</span>

<hr />

<div class="test3" style="background-color: #EEEEEE">

3、我们要好好学习 line-height 属性设置行间的距离。

</div>

<span class="test3">

3.1、我们要好好学习 line-height 属性设置行间的距离。

</span>

<hr />

<div class="test2" style="background-color: #EEEEEE">

4、我们要好好学习 line-height 属性设置行间的距离。

</div>

<span class="test2">

4.1、我们要好好学习 line-height 属性设置行间的距离。

</span>

<div class="test2" style="overflow:hiddenbackground-color: #EEEEEE ">

4.3、本节点为div,且直接在节点属性上设置了 overflow:hidden,和2、是不同的

</div>

<span class="test2" style="overflow:hidden">

4.4、本节点为span,且直接在节点属性上设置了 overflow:hidden,和2.1的表现相同

</span>

<hr />

说明:本人未找到css属性text-height,网上也没有相关资料,只找到了line-height, line-height 属性设置行间的距离,其实就是显示字符行区域的高度。本页面是个示例,请注意看细节微小的差异并自己动手实验下——意会

</body>

</html>

前端涵盖技术范围之广,不仅只是html+css+js。下面推荐几个前端实战项目:1.京东登陆注册案列(HTML+CSS),登陆页面指的是需要提供账号密码验证的界面。

2.个人博客项目(HTML5+CSS),个人博客是涉及前端领域的第一个项目,运用前端基础知识,培养项目思维。

3.企业网站,强化对HTML+CSS+PS(切图)、各种布局等初期所学全部知识的综合应用,培养遇到问题时的分析与调试能力。

4.H5音乐播放器、H5小游戏(HTML+CSS+JAVASCRIPT),通过游戏应用开发,强化JAVASCRIPT基础、DOM操作和事件机制在实际场景中的运用。

5.楼层跳动、轮播、表单验证(HTML5+CSS3+jQuery),掌握jQuery插件的运用。

电商购物网站(HTML5+CSS3+jQuery+EasyUI),掌握动画开发能力,及常见插件的使用

你好;你的问题太过于复杂啦,我不太明白,要说浏览器的问题,我觉得QQ浏览器最好用,

它的兼容性能很好,支持各种模式的软件。效果很好。

它的速度也快,打开网页的速度几乎是0秒,感觉不到有延迟响应。节省不少上网时间的。

它有多款皮肤免费更换,随意自主,色彩缤纷主题使用随心所欲,享受网上个性时光。望采纳。