css学习

子选择器:
.food>li{border:1px solid red;}用于选择指定标签元素的第一代子元素。
包含选择器:
.first span{color:red;}
子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。
通用选择器:
* {font-size:20px;}
伪类选择符:hover
a:hover{color:red;}鼠标划过时的颜色变化
分组选择符:
h1,span{color:red;}
样式的继承性:某些样式具有继承性,即对<p>起作用时,对其里面的<span>同样起作用,但另一些样式没有继承性,如border:1px solid red

特殊性:权值
标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100,继承的权值最低。

层叠:
在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。

!important样式重要

文字排版:
字体body{font-family:"宋体";}
字号和颜色body{font-size:12px;color:#666}
粗体a{font-weight:bold;}
斜体a{font-style:italic;}

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

推荐阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,677评论 32 459
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,928评论 0 6
  • 标签选择器: h1{ font-weight:normal; color:red; } 类选择器: 类选择器在cs...
    info_gu阅读 369评论 0 1
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,293评论 0 40
  • “怎么会迷上你,我的灰姑娘。”之前听人家说,“金风玉露一相逢,便胜却人间无数。”当时不明白,总觉得夸张,直到我遇到...
    Ashely七里阅读 173评论 0 2