CSS里的文字设置!
发布网友
发布时间：2022-04-22 05:22
共3个回答
热心网友
时间：2022-04-22 06:51
<div class="work"><a herf="work.html">work</a></div>这里不要用class,
改成<div><a herf="work.html">work</a></div>，假如你要3段文字要分别定义的话，用class，但是写法就不是.left a{},而是.work a{}，当然.left work a{}也行，如果你类work只用1次的话，选.work a{}，在其他地方也要使用，希望字体等的设置又所不同，你就用.left work a{}。
第2个问题：右下角，你可以定义p标签或者a标签都可以，不要用padding，padding是定义内部距离的。
<div class="header"><p>This is a header!</p></div>
.header p{margin-top:你的层高度-10px;float:right;}
<div class="header"><a>This is a header!</a></div>
.header a{margin-top:你的层高度-10px;float:right;}
热心网友
时间：2022-04-22 08:09
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{ margin:0; padding:0;}
.left{ width:400px; height:200px; border:1px solid red;}
.work,.life,.blog{ margin:0 auto; width:300px; height:50px; border:1px solid #009; margin-top:10px;}
.left a{ color:#F00; text-decoration:none; font-size:16px;}/*其实这样是可以控制a标签属性的,不知道你出了什么问题*/
.left .work a{ color:#000; font-size:30px; }/*这样写的话就不会用问题了，给出了一个例子，其他也一样*/
.one{ width:200px; height:12px; margin-top:50px; border:1px solid red; padding:88px 0 0 0px; font-size:12px;}/*这是采用padding属性的一种，本来高度是100px的*/
.two{width:200px; height:100px; margin-top:50px; border:1px solid red; font-size:12px;}
.two p{margin:88px 0 0 0px;}/*这是用margin 写的*/
</style>
</head>
<body>
<div class="left">
<div class="work"><a herf="work.html">work</a></div>
<div class="life"><a herf="life.html">life</a></div>
<div class="blog"><a herf="blog.html">blog</a></div>
</div>
<div class="one">文字在右下角</div>
<div class="two"><p>文在在右下角</p></div>
</body>
</html>
热心网友
时间：2022-04-22 09:44
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
.left a { color:#F00;}
.title {
padding:20px 30px 40px 50px;
display:block;/*这里*/
background:black;
color:#ffffff;
}
</style>
<body>
<!--问题一-->
<div class="left">
<div class="work"><a herf="work.html">work</a></div><!--herf 这里打错了-->
<div class="work"><a href="work.html">work</a></div>
<div class="life"><a href="life.html">life</a></div>
<div class="blog"><a href="blog.html">blog</a></div>
</div>
<!--问题二-->
<div class="header"><span class="title">This is a header!</span></div>
<!--我修改了样式表-->
</body>
</html>
