CSS篇逐个简短详情下CSS

作者 : 开心源码 本文共1110个字,预计阅读时间需要3分钟 发布时间: 2022-05-13 共234人阅读

什么是CSS?

CSS是Cascading Style Sheet的缩写,层叠样式表,是一种用来体现文件样式的计算机语言。

  • CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
  • CSS 能够对网页中元素位置的排版进行像素级准确控制,支持几乎所有的字体字号样式。
  • CSS拥有对网页对象和模型样式编辑的能力。
  • 在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色等效果实现更加准确的控制。

1.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

css是什么

2.CSS能够对网页中元素位置的排版进行像素级准确控制,支持几乎所有的字体字号样式。

css是什么

3.CSS拥有对网页对象和模型样式编辑的能力。

css是什么

4.在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色等效果实现更加准确的控制。

css是什么

CSS入门

​ 假如将开发一套网页当做建筑一栋大楼,则html就等于是对大楼的结构进行实现,而对大楼的装修一般交给装饰公司,而在网页中设计中css就相当于是装饰公司。

​ CSS,Cacading Style Sheets(层叠样式表),是一种能够对html结构进行美化以及控制的形容型语言,css通过一系列选择器,选中html中的元素,而后通过提供的丰富的属性对这些元素进行装饰。

语法规范

选择器{

​ 属性名1:属性值1;

​ 属性名2:属性值2;

​ …

}

CSS实例

<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <title></title>        <style>            /* css样式表 */            #div1{                width:300px;                height:50px;                background:#ff6700;                color:#fff;                text-align: center;                line-height:50px;                font-family: "楷体";                font-size:1.8em;            }        </style>    </head>    <body>        <!--目标元素(需要被装饰的元素)-->        <div id="div1" class="">            这是一个div元素        </div>    </body>    

另外,需要我珍藏多年前台面试真题解析200Gpdf前台知识点源码的朋友们可以戳我领取~

CSS样式在html页面中的几种使用方式

在html中使用css的方式包含以下几种

  1. 内联样式:在html页面的style标签之间直接编写样式代码
  2. 外部样式文件:将外部的css文件通过link标签引入html页面中
  3. 内嵌样式:直接使用html标签内部的style属性设置样式

另外,内联样式、外部样式文件、内嵌样式下节会讲到。求赞,请持续关注我~

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » CSS篇逐个简短详情下CSS

发表回复