发表于: 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>标签内



三种方式优先级      就近原则   谁离的设置的元素距离近  ,就设置谁的颜色



  学到这里,仍然没有一点但关于任务的解决办法;唯一提到的就是 今天的设置颜色了;还不一定能用,说明离完成任务距离仍然很远,加油!

不知道上面的会在哪里用到,但记下来总归是好的!


  共勉!



返回列表 返回列表
评论

    分享到