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文件中

posted @ 2020-10-25 18:06  yasai  阅读(70)  评论(0编辑  收藏  举报