踏上学习前端的旅途!!

第一站:css

什么是css

层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表 语言,用来描述 HTML 或 XML(包括如 SVG、MathML、XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。

思维导图

css语法

  1. css基础语法
  • 选择器+声明(属性+值)
    注:多个属性值之间加;
  1. css高级语法
  • 选择器可分组,用,即可
  • 继承及问题

    设置body元素,通过 CSS 继承,子元素将继承最高级元素所拥有的属性

css派生选择器

1
2
3
p strong {
font-size:12px;
}
  • 符合 p strong规则的才会受影响<p><strong>字体</p></strong>

css ID选择器

  • Id 选择器以“#”来定义
    注意:id属性只能在每个HTML文档中出现一次,id 就是唯一标识, id 的作用就是唯一标识元素, id 在html 中出现多次也不会报错, 但是使用 javascript 访问id 时就会有问题了

css 类选择器

  • 在css文件中,类选择器以一个点显示
    注意:类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。

和 id 一样,class 也可被用作派生选择器p.temp{} <p class="temp">

属性选择器

  • css属性选择器用[]来表示