Introduction to Basic CSS - zilongxuan001/LearnFreecode GitHub Wiki
CSS全文Cascading Style Sheets,层叠样式表。
CSS告诉浏览器如何显示HTML的文本和其他内容。
CSS是大小写敏感的。
CSS被大多数浏览器采用,通过CSS你可以控制如下:
- 颜色(color)
- 字体(fonts)
- 定位(positioning)
- 空间(spacing)
- 尺寸大小(sizing)
- 装饰(decorations)
- 过渡(transitions)
-
放在HTML元素的
style属性里。比如<h1 style="color:red;">Hello World</h1> -
在HTML文档里建立
style标签,放在<body></body>里。比如<style> h1{color:red;}</style> -
建立独立的样式文档,把CSS规则放在里面。
前两种方法虽然也可以用,但是第三种方法更受开发者欢迎,以为第三种方法可以让样式和HTML元素分离,这样可以提高代码的可读性和可用性。这种CSS背后的想法是你可以用一个选择子在DOM(文档对象模型)去定位你的HTML元素,再对元素应用多种多样的属性,进而改变在页面中的展示方式。
-
元素选择器。选择同一种元素,比如
h1元素,p元素,改变这一类元素的属性。 -
class选择器。选择一类元素,只要这个元素带有相同的
class名称,就是被选择的一类元素。 -
ID选择器。精准选择一个元素,一个HTML页面没有相同的
ID名,每个ID都是独一无二的。 -
属性选择器。利用
[attr=value],筛选符合属性和值的元素。
20180920初稿 20180929修改,增加【属性选择器】。