阿里前端CSS上

阿里前端

总结：

使用嵌入式的方法来书写CSS代码，它只能作用于当前的HTML文件

使用外链式的方式来书写CSS代码，它可以作用于多个HTML文件

三种方式：嵌入式、外链式、行内式

嵌入式

<style type="text/css">
	div{
		width:100px;
		height:100px;
		background-color:
	}
</style>

外链式 .css文件，网络中含有css文件；

link标签可以有多个，即一个html页面可以同时引入多个css文件

<link rel="stylesheet" href="css/index.css">

行内式

style是标签的通用属性

<div style="width:100px;"></div>

sublime中，ctrl+shift+/

通用选择器：给html中的所有标签设置颜色

标签选择器：标签名，匹配对应的html标签

类选择器：.class的属性值

id选择器：#id属性值

行高的主要作用是来设置文本的垂直方向居中对齐。行高=高度的值

{font:italic bold 36px "楷体";}

无序列表和有序列表

无序列表是使用非常多的

list-style：集成了上面三个属性的功能。它可以有一个，也可以有两个、三个属性值。位置无顺序。

给超链接的不同状态设置样式。

正常状态超级链接没有被访问

访问过后状态超级链接已经被访问

鼠标放上状态

激活状态

去掉链接的下划线：text-decoration:none;

属性选择器它是与标签的属性名和属性值有关。

属性选择器是通过标签的属性名和属性值来匹配元素。

外层元素上的样式会被内层元素所继承，限于文本和字体的样式属性。

行内样式>ID选择器>类选择器>标签选择器

posted on 2022-03-07 13:06 cookie的笔记簿阅读(54) 评论(0) 编辑收藏举报