CSS

蓝莓浆糊饼干

于 2015-09-21 19:14:58 发布

阅读量373

点赞数

分类专栏：学习笔记文章标签： css

本文链接：https://blog.csdn.net/dangaodeaiyi/article/details/48631045

版权

学习笔记专栏收录该内容

13 篇文章 0 订阅

订阅专栏

一：CSS概述

CSS就是一种叠层样式，用来修饰html文件的

CSS书写格式：选择器名字{属性名：属性值；属性名：属性值；......}

CSS中的注释用/**/

二：CSS与html结合使用

<!DOCTYPE html>
<html>
  <head>
    <title>CSS练习.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <!--还有两种外部导入方式
    导入方式，少用，存在于style标签中@import  url("CSS文件路径");
    链接方式，常用，存在于head标签中<link  rel="stylesheet"  type="text/css"  href="css文件路径"/>
    开发中链接方式较为常用  
      -->
    <style type="text/css"><!--CSS内嵌 -->
        font{
          color:red;
        }
    </style>
  </head>
       
  <body>
     <font>This is my HTML page1.</font>
     <font  style="color:blue;">This is my HTML page2.</font><!-- CSS内联 -->
  </body>
</html>

三：CSS选择器

1，元素选择器 *就是把HTML标签名作为选择器名称

*格式：标签名 {},

2，类选择器 *样式格式： .class名{}

*标签格式： <p class=”class名”></p>

*能设置不同标签的相同样式

3， ID选择器 *样式格式： #id名{}

*标签格式：<p id=”id名”></p>

*有针对性地设置样式

4，属性选择器

*根据标签名和标签的属性名以及属性值来选择

*样式格式：标签名[属性名称=’属性值’] {}