之前没有开通好博客，笔记都记录在有道云，今天全部转过来！！！

1、当同一个html元素不止一个样式定义时，内联样式（在html元素内部）拥有最高的优先权；其他如内部样式表（位于<head>标签内部），外部样式，浏览器缺省设置次之；
 
2、css规则由两个主要部分构成：选择器以及一条或多条声明
      例如：h1{color:red;font-size:16px}  h1为选择器，{}内的为声明
 
3、几个选择器可共享声明，中间用逗号隔开，
      例如：h1,h2,h3,h4,h5,h6{color:red;}
 
4、派生选择器是通过元素在其位置的上下文关系的来决定，
     例如 li strong{font-style:italic;font-weight-normal}
             能按上面样式显示的代码为
             <u><li><strong>可以显示上面的样式</strong></li></ul>
             下面代码不能显示上面的样式
              <p><strong>不可以显示上面的样式</strong></p>
 
5、id选择器可以为标有特定id的html的元素指定特定的样式
     id选择器以“#”来定义 ，例如#red{color:red}
     id选择器常常被用来建立派生选择器，例如：
     #sidebar p{font-style:italic;text-align:right;margin-top:50px}
 
6、类选择器以一个点号显示，例如：.center{text-align:center}
     和id选择器一样，class也常常被用来做派生选择器
     例如:   .fancy td{color:red;background: yellow}
     元素也可基于他们的类被选择
     例如：td .fancy{color:red;background:yellow}
 
7、属性选择是对带有指定属性的html元素设置样式
     例如[tital]{color:red}
            <h1 tital="可以显示">可以显示</h1>
            <h1>不可以显示</h1>
 
8、属性和值选择器
     [tital~=hello]{color:red}解释为只要tital含有hello的元素都可以被执行
     例如：<h1 tital="hello word">hello word</h1> 可以被执行
               <h2 tital=:student hello">student hello</h2>可以被执行
     属性选择器可为不带有id或class的表单设置样式
     例如;input[type="text"]{width:50px;background:yellow;margin-bottom:10px;front-famliy:宋体；}
 
9、链接外部样式表需要用到<link>标签,例如：
     <head>
            <link rel="stylesheet" type="text/css" href="mystyle.css">
     </head>

CSS基础笔记的更多相关文章

  1. 妙味课堂——HTML+CSS基础笔记

    妙味课堂的课程讲得非常的清楚,受益匪浅.先把HTML和CSS基础课程部分视频的学习笔记记录如下: padding #PS基础 ##前端需要的PS技能 - PS技能(前端需要):切图.修图.测量 - P ...

  2. html&css基础笔记

    有道笔记:http://note.youdao.com/noteshare?id=a6d7eab195085655bbfce86665524e35 一 HTML结构标签 HTML基本标签 标题标签 & ...

  3. Css基础笔记（部分）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. 〖前端开发〗HTML/CSS基础知识学习笔记

    经过一天的学习,把慕课网的HTML/CSS基础知识学完了,笔记整理: 1. 文件结构: HTML文件的固定结构: <html> <head>...</head> & ...

  5. CSS3基础——笔记+实战案例(CSS基本用法、CSS层叠性、CSS继承性)

    CSS3基础——笔记 CSS是Cascading Style Sheet的缩写,翻译为"层叠样式表" 或 "级联样式表".CSS定义如何显示HTML的标签央视, ...

  6. HTML&CSS基础学习笔记—创建列表

    创建一张表格 很多时候我们需要在网页上展示一些数据,使用表格可以很好的来展示数据. 在HTML中<table>标签定义 表格. <table> </table> 添 ...

  7. 学习笔记（一） HTML+CSS基础课程

    这个周把慕课网的<HTML+CSS基础课程>课程学完,内容都是非常非常基础的,不过还是学到了几个小知识点,记下来先. <a>超链接发送邮件 直接上把他的图片给挪过来了,我就不打 ...

  8. 总结了一下css的部分基础知识点。---css学习笔记01

    一. css基础 1. 什么是css 层叠样式表:层叠 2. css的三种使用方式 style 属性 --> <div style="css属性值"></d ...

  9. CSS学习笔记

    CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...

随机推荐

  1. Tomcat6.0 only supports J2EE 1.2, 1.3, 1.4, and Java EE 5 Web modules

    使用tomcat6发布项目的时候,报以上错误,servlet版本太高的原因.tomcat6不支持servlet3.0 解决方法有两个: 1.使用高版本的tomcat,如tomcat7.tomcat8 ...

  2. Sass@规则

    @importSass 支持所有 CSS3 的 @ 规则, 以及一些 Sass 专属的规则,也被称为“指令(directives)”.Sass 扩展了 CSS 的 @import 规则,让它能够引入 ...

  3. update-database时出现Cannot attach the file

    在进行Migrations时,如果直接删除了Db文件,在使用update-database时会出现Cannot attach the file发问题 解决方案:

  4. 此项目的默认Web访问模式设置为文件共享, 但是无法从路径(此为转贴)

    故障现象: 当你打开ASP.NET Web项目时,如果出现这样的错误提示:提示窗口标题: Web访问失败提示内容: 此项目的默认Web访问模式设置为文件共享, 但是无法从路径“...”打开“...”处 ...

  5. oc随笔四:NSString、NSNumber

    #import <Foundation/Foundation.h> int main(int argc, const char * argv[]) { @autoreleasepool { ...

  6. BZOJ2739 最远点(分治 + 决策单调性)

    2739: 最远点 Time Limit: 20 Sec Memory Limit: 256 MB Description 给你一个N个点的凸多边形,求离每一个点最远的点. Input 本题有多组数据 ...

  7. 什么是MemCache

    Memcache是一个高性能的分布式的内存对象缓存系统,通过在内存里维护一个统一的巨大的hash表,它能够用来存储各种格式的数据,包括图像.视频.文件以及数据库检索的结果等.简单的说就是将数据调用到内 ...

  8. MFC下的aero效果学习笔记

    最近想在MFC中用下aero 首先参考了 http://blog.csdn.net/polytechnic/article/details/5696797 中的一系列的步骤,进行了初步学习 但是对于其 ...

  9. linux 文件查找和压缩工具

    文件查找 1,which命行查找可执行文件,which 只会搜索系统$PATH目录 2,whereis,查找可执行文件,并显示出此文件的man page文件,并且可以查找到系统的库目录 3,locat ...

  10. C语言预处理指令的初步了解

    所谓预处理是指在进行编译的第一遍扫描(词法扫描和语法分析)之前所作的工作.预处理是C语言的一个重要功能,它由预处理程序负责完成.当对一个源文件进行编译时,系统将自动引用预处理程序对源程序中的预处理部分 ...