UC知道css的一个问题
来源：百度知道 编辑：UC知道 时间：2024/05/24 16:47:03
<html><head><title>我的主页</title><style type="text/css">
<!--
body{background:#FFC;
margin:10px;
padding:10px;}
p{font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:400;
text-align:left;
line-height:15px;}
p.one{text-decoration:underline;}
span{
float:left;font-size:45px;font-family:楷体;}
img{float:left;margin-right:10px;margin-bottom:10px;}
-->
</style>
</head>
<body>
<img src="file:///D|/pb/pb160/pba/my share/IMG0983A.jpg" width="153" height="180">
<p><span>这</span>几天上网干得最多的一件事就是浏览 <p class="one"> 前沿视频教室</p> 这个网站上的制作网站方面的视频讲解。自己已经看完啦DW的相关知识。受益匪浅啊。更加坚定了自己要学习好网页制作的决心。但是此时自己也在思考下一步该怎么走，DW的基础知识学习完啦，下面所做的就是不断地实践和操作。还有就是浏览网站时自己意识到要想制作水平层次高的网页和网站，下面所做的就是好好学习CSS网页布局方面的知识。所以我决定买一本这方面的书。这本书是个不错的选</p>
</body>
</html>
<!--
body{background:#FFC;
margin:10px;
padding:10px;}
p{font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:400;
text-align:left;
line-height:15px;}
p.one{text-decoration:underline;}
span{
float:left;font-size:45px;font-family:楷体;}
img{float:left;margin-right:10px;margin-bottom:10px;}
-->
</style>
</head>
<body>
<img src="file:///D|/pb/pb160/pba/my share/IMG0983A.jpg" width="153" height="180">
<p><span>这</span>几天上网干得最多的一件事就是浏览 <p class="one"> 前沿视频教室</p> 这个网站上的制作网站方面的视频讲解。自己已经看完啦DW的相关知识。受益匪浅啊。更加坚定了自己要学习好网页制作的决心。但是此时自己也在思考下一步该怎么走，DW的基础知识学习完啦，下面所做的就是不断地实践和操作。还有就是浏览网站时自己意识到要想制作水平层次高的网页和网站，下面所做的就是好好学习CSS网页布局方面的知识。所以我决定买一本这方面的书。这本书是个不错的选</p>
</body>
</html>
span{
float:left;font-size:45px;font-family:楷体;}
加上：
span{ line-height:45px;
float:left;font-size:45px;font-family:楷体;}
去掉<p class="one">标签,不要在P里再嵌套P,如果你要强调这个词用<strong>或<em>，在去设置标签的CSS属性
随便说下，现在要做首字母下沉的效果用的是伪类:first-letter，比如你可以写p:first-letter{...},在IE6下要加个空格写成p:first-letter {...}，中间要留个空格