外链论坛

 找回密码
 立即注册
搜索
查看: 79|回复: 1

大数据研发基本之CSS基本知识

[复制链接]

2965

主题

412

回帖

9117万

积分

论坛元老

Rank: 8Rank: 8

积分
91179213
发表于 2024-6-30 10:58:09 | 显示全部楼层 |阅读模式

做为大数据研发基本的一部分,CSS:层叠样式表,是英文Cascading Style Sheets的首字母缩写,是一种用来表现HTML或XML等文件样式的计算机语言,是一种标记语言。重点帮忙美化网页,布局页面,CSS不仅能够静态地修饰网页,还能协同各样脚本语言动态地对网页各元素进行格式化。CSS 重点用于设置 HTML 页面中的文本内容(字体、体积、对齐方式等)、照片的外形(宽高、边框样式、边距等)以及版面的布局和外观表示样式。

1、基本知识

CSS特点:丰富的样式定义、易于运用和修改、多页面应用、层叠、页面压缩。

CSS的引用方式:

(1)行内样式:运用style属性,只是对当前标签有效,页面内容和样式高度吻合的

<p style="color: red">Hello world.</p>

(2)内部样式:在head中运用style标签,当前页面有效,内容和样式必定程度分离,然则不彻底。

<style>

div {

color: red;

font-size: 12px;

}

</style>

(3)外边样式:将样式写到一个单独CSS文件中,必须用到HTML文件,引用它就可,实现了内容与样式的完全分离。

<link href="mystyle.css" rel="stylesheet" type="text/css"/>

CSS的颜色:

color 属性用于定义文本的颜色。例如:

div {

color: red;

}

CSS中颜色的暗示办法

1.预定义的颜色值 red,green,blue……等

2.十六进制 #FF0000、#FF6600等(

3.RGB代码 rgb(255,0,0)或rgb(100%,0%,0%

4.RGBA:是在原有RGB上添加了透明底,alpha

5.HSL:用色调、饱和度和明度3个分量暗示颜色

6.HSLA:在HSL上添加了透明度

2、基本语法

CSS和HTML同样都是浏览器能解析的计算机语言,因此呢CSS有自己的语法结构;

CSS 规则由三个重点的部分形成

1. 选取器,以及一条或多条声明,但值得重视的是声明必要要放在大括号内{ }。

2. 每条声明由一个属性和值构成,属性和值用冒号掰开,每条语句以英文的分好结尾。

selector {declaration1; declaration2; ... declarationN }

Selector是选取符,最平常选取符是HTML标签;property是选取符的属性,Value是选取符的属性值。(重视:多个选取符用分号隔开)

例子:h1 {color:yellow; font-size:16px;}

h1是选取器;color和font-size是属性;16px则是属性值。

以上便是CSS的基本知识和语法,CSS是大数据研发基本要紧一环,与HTML相辅相成,能够使网页的制作更加美观大方,令人赏心悦目。多加实操练习,才可够促进自己进步。

倘若你是前端小白打算转行进入前端这个行业,不晓得将来该怎么学习,都能够加入我组建的自学团,每日一块打卡学习,分享学习资料,定时组织实战项目,匹配学习伙伴,我会严格监督你们的。





上一篇:计算机二级web题目(4)--CSS基本
下一篇:CSS基本语法(一)
回复

使用道具 举报

3063

主题

3万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99158953
发表于 2024-10-31 01:44:54 | 显示全部楼层
楼主果然英明!不得不赞美你一下!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-18 04:42 , Processed in 0.098699 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.