发表于: 2016-10-10 12:57:51
1 1165
在昨天把慕课网视频的前几章看了,今天看了css的前两章,简单的学习了css更改字体样式,颜色等!
p{
font-size:20px;/*设置字体大小*/
color:blue;/*设置字体颜色*/
font-weight:bold;/*设置字体加粗*/
}
还学了css的三种样式:内联式, 嵌入式 外部式
1 内联式:直接把css代码写在HTML标签中
如:
<p style="color;red">这里是红色文字。</p>
<span style="color;red">超酷互联网</span> 运行后超酷互联网 这几个字会显示 红色
2 嵌入式:把css样式代码写在 <style type="text/css"></style> 标签间
如
<style type="text/css">
span{
color:red;
}
</style>
嵌入式css样式必须写在<style></style>之间,并且一般情况下,嵌入式css样式写在<head></head>之间
3 外联式 单独写在外部的一个以 .css 结尾的文件,在<head>中使用<link>标签 链接到HTML文件
<link href="base.css"rel="stylesheet"type="text/css"/>
1. css样式文件名 应以有意义的文件名命名。
2.rel="stylesheet"type="text/css"/> 是固定写法
3. <link>标签 一般在 <head>标签内
三种方式优先级 就近原则 谁离的设置的元素距离近 ,就设置谁的颜色
学到这里,仍然没有一点但关于任务的解决办法;唯一提到的就是 今天的设置颜色了;还不一定能用,说明离完成任务距离仍然很远,加油!
不知道上面的会在哪里用到,但记下来总归是好的!
共勉!
评论