Introduction to Basic CSS - zilongxuan001/LearnFreecode GitHub Wiki


什么是CSS

CSS全文Cascading Style Sheets,层叠样式表。

CSS告诉浏览器如何显示HTML的文本和其他内容。

CSS是大小写敏感的。

CSS可以做什么?

CSS被大多数浏览器采用,通过CSS你可以控制如下:

  • 颜色(color)
  • 字体(fonts)
  • 定位(positioning)
  • 空间(spacing)
  • 尺寸大小(sizing)
  • 装饰(decorations)
  • 过渡(transitions)

如何使用CSS?

CSS有三种使用方式。

  • 放在HTML元素的style属性里。比如<h1 style="color:red;">Hello World</h1>

  • 在HTML文档里建立style标签,放在<body></body>里。比如<style> h1{color:red;}</style>

  • 建立独立的样式文档,把CSS规则放在里面。

前两种方法虽然也可以用,但是第三种方法更受开发者欢迎,以为第三种方法可以让样式和HTML元素分离,这样可以提高代码的可读性和可用性。这种CSS背后的想法是你可以用一个选择子在DOM(文档对象模型)去定位你的HTML元素,再对元素应用多种多样的属性,进而改变在页面中的展示方式。

CSS有4种选择器。

  • 元素选择器。选择同一种元素,比如h1元素,p元素,改变这一类元素的属性。

  • class选择器。选择一类元素,只要这个元素带有相同的class名称,就是被选择的一类元素。

  • ID选择器。精准选择一个元素,一个HTML页面没有相同的ID名,每个ID都是独一无二的。

  • 属性选择器。利用[attr=value],筛选符合属性和值的元素。

CHANGELOG

20180920初稿 20180929修改,增加【属性选择器】。


⚠️ **GitHub.com Fallback** ⚠️