根据老师讲解,自己对学习的整理,非本人原创知识
CSS
概述:
全程是层叠样式表stylesheet,专门用来修饰html网页的,就是让网页变漂亮
语法:选择器{属性名:属性值;样式2;样式3}
属性名 冒号 属性值 分号隔开
使用位置:
内联css在属性当中
例如:<div style=""></div>
内部css
被<style></style>包裹
写在head标签里或者body标签里
外部css
通过<link rel="stylesheet" href="css文件">引用外部css文件
link在html文件中,引用外部css文件
rel的值是固定写法,stylesheet样式表
href用来指定样式表的位置
选择器
标签名选择器
标签名{
属性:属性值;
}
例如:
div{
color:red;
}
类名选择器/class选择器
.类名{
属性:属性值
}
例如:
<style>中的内容
.c1{
color:red;
}
<body>中的内容
<div class="c1">实验字体</div>
id选择器
#id名{
属性:属性值;
}
例如:
#c1{
color:red;
}
<body>中的内容
<div id="c1">实验字体</div>
细节:
id选择器效率更高,但是id值需要唯一,只能为单个资源赋值,可以为多个赋值不报错的原因是因为html是弱类型语言,但是不建议使用。
类名和id选择器起名时不能以数字开头,不能有特殊符号、中文等...
css样式参考网址
菜鸟教程 - 学的不仅是技术,更是梦想! (runoob.com)