初识CSS

简介: 版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/54692885 !DOCTYPE必须位于HTML文档的第一行 指示浏览器关于页面使用哪个HTML版本进行编写的指令使用css样式的方式属性与属性之间用  ;  分开,属性与属性值之间用  :  分开。
版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/twilight_karl/article/details/54692885

!DOCTYPE必须位于HTML文档的第一行
指示浏览器关于页面使用哪个HTML版本进行编写的指令

使用css样式的方式

属性与属性之间用  ;  分开,属性与属性值之间用  :  分开。最后一个属性后可以不加 ; ,但是为了避免出错,建议加上 ; 
为了提高可读性,建议每行只写一条属性。

内链式

直接在标签中控制样式

<body style=”background-color:green;”>

嵌入式

在head中编辑样式,在body中调用

<style type=”text/css”>
body{
background-color:green;
color:red;
}
</style>

引入式样式表

从外部引入样式表,外部样式类似 “样式名.css”

<link rel=”stylesheet” type=”text/css” href=”style.css”>

定义 style.css

<!--外部样式表-->
body{
background-color:red;
}
相关文章
|
1月前
|
前端开发 开发者
css怎么学
【4月更文挑战第11天】css怎么学
15 1
|
6月前
|
前端开发
css实现帘幕效果
css实现帘幕效果
37 0
|
25天前
|
XML 前端开发 数据格式
什么是CSS?
什么是CSS?
|
2月前
|
前端开发 UED
CSS
CSS
16 0
|
5月前
|
Web App开发 前端开发 图形学
CSS 20大酷刑(一)
CSS 20大酷刑(一)
|
9月前
|
前端开发
很实用的几个css小技巧
很实用的几个css小技巧
71 0
|
10月前
|
前端开发 容器
你需要知道的 CSS 技巧
你需要知道的 CSS 技巧
|
前端开发
|
前端开发