css笔记1

这是我个人在学习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;

转载于:https://www.cnblogs.com/IKnowYou0/p/6061387.html