2020年10月25日
今天学习了一些简单的css页面的画法,了解了一些定制,没有遇到问题,明天看一些数据库的知识。
1、CSS简介:
CSS 是 Cascading Style Sheet 的缩写,译作“层叠样式表单”,是用于(增强) 控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。在实际 开发中,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式 等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示 样式。
CSS定义的规则具体如下:
2、在CSS中颜色的取值方式有3种:
• 预定义的颜色值:如red、green、blue等。
• 十六进制:如#FF0000、#FF6600、#29D794等。实际工作中,十六进
制是最常用的定义颜色的方式。
• RGB代码:如红色可以用rgb(255,0,0)或rgb(100%,0%,0%)来表示。如
果使用RGB代码百分比方式取颜色值时,即使值为0,也不能省略百分号,
必须写为0%。
3、CSS引用
要想使用CSS修饰网页,就需要在HTML文档中引入CSS。引入CSS的
方式有4种,分别为链入式、行内式(也称为内联样式)、内嵌式和
导入式。下面对开发中常用的内嵌式和链入式这2种引入方式进行讲
解,具体如下:
① 内嵌式
内嵌式是将CSS代码集中写在HTML文档的<head>头部标记中,并用
<style>标记定义,其用法如下:
<html> <head> <title>使用CSS内嵌式</title> <style type="text/css"> /*定义标题标记居中对齐*/ h2{ text-align:center;} /*定义div标记样式色*/ div{ border: 1px solid red; width: 300px; height: 80px; color:blue; } </style> </head> <body> <h2>内嵌式CSS样式</h2> <div> 使用style标记可定义内嵌式CSS样式表,style标记一般位于head头部标记中, title标记之后。 </div> </body> </html>
②链入式
链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过 标 记将外部样式表文件链接到HTML文件中