CSS()

一、css的使用方式()
1.行内样式(内联样式)
<标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>
2.页面嵌入(内部样式表)
在head标签里面增加一个子标签
<style>
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}
</style>
3.外部文件(外部样式表)
在head标签里面增加一个子标签
<link rel="stylesheet" href="css文件的路径" />
4.外部导入样式
主要用在样式初始化。因为有一些标签有自己的样式,我们需要清空,方便自己计算
css语法: (符号都是英文的)
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}

二、颜色的表示方法

1.颜色色值的英文单词 red,yellow,green,blue...
2.16进制表示法

三、css------选择器

1.ID选择器
使用id选择器:在元素上面增加一个id属性,id属性的属性值不用用数字开头
一个页面中只能有一个id属性值
css中id选择的表示方法用 # 表示
2.class选择器
使用class选择器:在元素上增加一个class属性,class属性的属性值不能用数字开头
一个页面中可以有多个class属性值
css中class选择器的表示方法用 . 表示
3.标签选择器
直接写标签名
4.组合选择器
选择器直接用,分隔开即可

5.子代选择器
 只针对子代
6.后代选择器
用空格表示,包含着子代选择器
7.通用选择器
* 针对于所有的标签

8.:hover 伪类选择器

当你的鼠标放上去的时候,会变化成的样子

四、文本类样式

1.文本对其方式、文本下划线、设置字体的颜色、文本的行高、设置字体的样式、规定字体是否倾斜、设置字体的大小。(在浏览器中,默认的字体大小16px,谷歌浏览器中,字体大小最小可以为12px,火狐没有限制)。

五、有序列表与无序列表

有序列表,英文为“Ordered List”,标签为<ol>,作用是在网页中显示一个有顺序的列表。无序列表,英文为“Unordered List”,标签为<ul>,作用是在网页中显示一个无顺序的列表。

原文地址:https://www.cnblogs.com/phioo/p/10939033.html