开发者学堂课程【CSS 快速掌握:嵌入式】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/611/detail/9165
嵌入式
内容介绍
一、CSS 代码的书写方式
一、CSS 代码的书写方式
.2.1什么是书写方式?
css 代码应该书写在什么地方!。
书写方式分为三种:嵌入式、外链式、行内式
.2.2 嵌入式
什么是嵌入式?
将 CSS 代码嵌入到 HTML 文件中,嵌入式是通过 HTML 中的 <style> 标签将 CSS 代码嵌入到 HTML 网页中!
语法规则:
<style type=
“text/css”>
/*
书写css代码*/
选择器(属性:值;属性:值
</style>
如果我们使用的是 HTML5 的文档type 属性可以省略不写!。
<style type="text/css">
/*
嵌入式*/
选择器(属性:值;》 嵌入式
div{
width:100px;/*
设置宽度100像新*/
height:100px
;/高度100像素*/
background-color:#FF0000;
八将背景颜色设置为红色*
</style>
</head>
<body>
<
!--要使用 CSS 代码给 div 设置宽度100像素高度100像素以及背景颜色为红色
div 理解为一个存放东西的盒子
</body>
注意:<style></style> 它可以出现在 HTML 中的任何地方,但是一般情况我们只会将它放置在 head 标签里面