CSS基础

CSS概念

CSS文件

  • 外部CSS:在头部声明,通过link引入。

    <link href="yourcssfile" type="text/css" rel="stylesheet">         
    
  • 内部CSS:同样是在head中定义

    <style type="text/css">
    .......
    </style>
    
  • 使用外部还是内部CSS?
    使用外部CSS有诸多好处,比如所有网页可以统一样式,并且在修改时之需要修改CSS文件。另外,用户如果已经下载好CSS文件,那么在网页加载时会更快。

CSS选择器

  • 通用选择器 *{} 应用于文档中的所有元素
  • 类型选择器 h1,h2{} 匹配到相应名称的选择器,且CSS选择器区分大小写
  • 类选择器 .note{}, p.note{} 对应于相应的class值
  • ID选择器 #intro{} 对应相应的id值
  • 子元素选择器 li>a{} 匹配父元素的直接子元素。
  • 后代选择器 p a{}
  • 相邻兄弟选择器 h1+p{}
  • 普通兄弟选择器 h1~p{}

CSS属性

颜色

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 道德有道德的适用范围,义务有义务的适用范围,两者虽有重叠,但不能用一方绑架另一方。我买票坐我的座位,这是合理;我给...
    RogueQ阅读 760评论 0 1
  • 到目前为止,中高考仍然是笔试,而且会保持很长一段时间,所以我们呈现给看卷老师的是知识,而字就是知识的载体。那么字对...
    老茂在北京阅读 1,643评论 6 25
  • 宋神宗熙宁变法失败以后,北宋帝国陷入发展的困境。后党全面起复司马光保守派,司马光全面否定王安石新法。太后去世以后,...
    艺圃阅读 117评论 0 0
  • 今天早上,还在睡梦中,就被孩子奶奶的电话铃声吵醒了。原来,老太太是想来看孩子了。跟着二叔的车来我们家看孩子。...
    万瑞莹阅读 183评论 0 1