发布网友 发布时间:2022-04-22 16:41
共3个回答
热心网友 时间:2023-07-08 16:29
来,亲爱的,我也参合一下,呵呵,从你都不太懂的后面<br/>开始
<br/>是一个标签,它的功能是换行,留心的话你回忆一下编辑Word的时候,你每敲一次回车换行的时候就会生成一次<br/>
用<style type="text/css">和它对应的关闭</style>引用CSS样式,也就是说它们之间的部分就是编辑CSS的地方。
body{font-size:small;line-height:1.4em;text-align:center;}
body标签可以理解为HTML中最大的标签,你可以把整个浏览器窗口看做body,所有的标签都是它的内脏四肢。
font-size:small;其实在这儿应该插一句,描述性语言顾名思义,其实很容易从单词上判断它的意思。font就是字体,size就是大小,冒号后面的是值:small小号。
依此类推(下面都直接解释了哈)
line-height:1.4em;行高为1.4,em是单位,还有百分比%,像素px等单位,em比较有弹性。
text-align:center;文字对齐:居中
form{margin:0;padding:0;}标签名为form=表单,简单来说我现在打字的这个区域就是在表单中,之后我要点击 提交回答按钮。
margin和padding这两个单词我个人觉得没必要翻译过来,太生硬了,中文叫什么的都有。个人觉得 栏外和填充 这两个词比较形象一点。拿咱们现在看到的页面做例子吧
看页面右边的 分类上升达人排行榜 和 你提问的绿色框,之间的距离就是margin。而内部与文字等内容之间的距离叫padding,呵呵,没说乱吧
{margin:0;padding:0;}意思是内外距离都没有空隙为0
.highlight{color:#C60A00;}选择器名为“.highlight”这个名字基本上在与默认已有的标签名除外,是可以随便起的名字。Html中的接口(举例)是<body class="highlight"></body>,也就是说class类的名称。
.highlight{color:#C60A00;}意图是控制某处需要高亮的文字 颜色为#c60a00。
img{border:none;}img标签是image的缩写,这句话的意思页面中所有图片没有边框。边框就好理解了,现在这个页面就有很多边框。
.t{color:#4e4e4e;}
.a{padding-top:6px;margin-top:6px;}
.x{font-size:smaller;color:#7777CC;}
这三个和上面提到的同理,你应该理解
至于最后.x中字体大小为smaller……设置为比父级元素更小的尺寸,我个人是没这么应用过。
好了,我加油写完了,你也加油看完理解好吧,呵呵
热心网友 时间:2023-07-08 16:29
<style type="text/css">
body{font-size:small;line-height:1.4em;text-align:center;}//设置整个页面的一些css属性,如font-size(字体大小),line-height(行高),text-align(文本对齐,居中)
form{margin:0;padding:0;}//表单的外边距为0,内边距为0
.highlight{color:#C60A00;}//自定义的高亮样式,即当高亮的时候字体颜色为#c60a00;(#c60a00是颜色编码)
img{border:none;}//定义页面中的所有图片不显示边框
.t{color:#4e4e4e;}//自定义了一个样式字体颜色为#4e4e4e
.a{padding-top:6px;margin-top:6px;}//自定义了一个样式,内上边距6像素,外上边距6像素.
.x{font-size:smaller;color:#7777CC;}//自定义了x样式,字体大小,smaller,颜色为#7777CC;
</style>
热心网友 时间:2023-07-08 16:30
<br/>换行
<style type="text/css">开始定义页面内风格
body{font-size:small;使用小号字体
line-height:1.4em;行高1.4em
align:center;居中对齐}
form{margin:0;padding:0;表格内外间距为0。
.highlight{color:#C60A00;定义为highlight的class段颜色为#C60A00。
img{border:none;图片周围无边框}
.t{color:#4e4e4e;定义为t的class段颜色为#C60A00。}
.a{padding-top:6px;margin-top:6px;所有链接文字与外部间隔6px。
.x{font-size:smaller;color:#7777CC;}定义为x的class段颜色为#7777CC;使用小号字体。
</style> 页面内风格定义结束