这是我参与「第四届青训营 」笔记创作活动的第2天
导言
css 用于控制网页样式的一种标记语言,通过使用css可以使网站外观更加美观,可观性高。
基础语法
1.结构:
css 样式由选择符和声明组成,而声明又由属性和值组成
选择符: 又称选择器,指明网页中要应用样式规则的元素
声明: 在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔
- 样式:
①内联式:把css代码直接写在现有的HTML标签中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。
例如:
<p style="color:red">这里文字是红色。</p>
②嵌入式:
嵌入式css样式,就是可以把css样式代码写在 <style type="text/css"></style>标签之间
③外部式(外联式):
css样式文件以“.css”为扩展名,在<head>内使用<link>标签将css样式文件链接到HTML文件内,如下代码:
<link href="base.css" rel="stylesheet" type="text/css" />
- 选择器:
①类(class)选择器:
语法:.类选器名称{css样式代码;}
使用方法:使用class="类选择器名称"为标签设置一个类,设置类选器css样式即可
②ID选择器:
名称:使用ID选择器,必须给标签添加上id属性,为标签设置id="ID名称"。
使用方法:ID选择符的前面是井号 (#) 号。
③子选择器和后代选择器: 子选择器仅是指它的直接后代,或者可以理解为作用于子元素的第一代后代,通过“>”进行选择。而后代选择器是作用于所有子后代元素,通过空格来进行选择。
总结
主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等,来更好的装饰我们的页面。