这是我个人在学习CSS中的一些笔记。
1.HTML的每一个元素相当于一个房间,而CSS就选择一些房间来装饰。
基本语法:下面的这个我们称之为selector
,HTML元素,名HTML元素名{(多个元素可以用逗号分隔开)
CSS属性名:属性值;
CSS属性名:属性值;(多个属性值可以用空格键分开)
}
CSS规则一般放入<style> <style>
常用CSS属性:
font-family:选择字体
color:字体颜色
border-bottom:1px solid(实线) black;
HTML ,<text-docoration underline=””><text-decoration>
font-size:字体大小
font-weight:字体粗细
font-style:是否斜体
2.HTML页面连接到外部样式表,这样可以做到一改全改,不必跑到每个页面修改CSS
主要语法:
<link type=”text/css” ref=”stylesheet” href=”CSSfilename.css”>
首先你把所有的css语法规则,单独的写到一个文件里,以.css结尾,然后用<link>元素连接进来。
3.CSS存在元素继承,既是你把某一个元素指定为某种样式,那么这个元素内包含的元素也具有它的样式。
4.CSS中存在覆盖继承,这可以使你的某些元素包留自己的独特个性。
5,CSS中存在类的概念
主要语法把某个元素(注意不是某类元素)加入到某个类,然后指定这个类的特别样式。
首先你需要把某个元素标记为某个类<元素名 class=“classname1,classname2,classname3>
</元素名>这是在html文本中设置的。一个元素可以加入多个类。
然后你需要在特定的css文中,创建一个类seleor设置你该类的特殊风格
6,CSS中的元素冲突。
主要规则是更特定原则,和类中的靠后原则。
7字体系
五个通用字体系:
Sans-serif, serif, monospace, cursive, fantasy,
每个字体系,你都在字符优先列表的末尾添加一个通用字符列表。
8,web字体。
你必须包含一个字体文件,该文件包含该字体的所有信息。然后把你的字体文件放到web上
然后在你的字体中添加@fong-face,把这个规则放到文件的最上面,也就是body上面。
8,调整字体的大小
调整字体的大小主要有两种,一是相对大小,一是指定它的大小,我们一般采用相对大小。
用%指定字体的大小,它是相对与父元素的大小,font-size:80%。em也是用来指定字体的相对大小font-size:1.2em。还有一种指定字体的大小:xx-small, x-small, small, medium, large , x-large, xx-large,每一个大小都相对与前一个大小20%。我们通常选择一个关键字,small或medium来指定大小,然后用%或em来指定大小。
9 改变字体的粗细
Font-size:主要有下面几个值bold, normal, bolder, lighter
10 字体风格
Font-size:主要的italic 和 oblique
Italic是有专门的斜体字符,而oblique是把正常的字体倾斜。
11 web颜色
Web颜色主要是红,绿,蓝(RGB)混合而成的。颜色你可以用颜色名,三种颜色的百分比,或一个16进制。Color:red; color:rgb(20%,10%,40%); color:rgb(45,74,90)(范围是0~255);
Color;#366563;