分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

CSS 简单介绍

发布时间:2023-09-06 01:33责任编辑:胡小海关键词:CSS

一.什么是CSS:

CSS是Cascading Style Sheets的缩写,通常为级联样式表。

CSS已经是网络不可或缺的元素,为浏览者呈现五彩缤纷的页面效果起到了重要作用。

CSS是一种标记语言,不需要进行编译,直接就可以在浏览器中执行。

二.使用CSS的优势:

(1).能够极大提高代码的简洁度:

在大型的页面中显现的尤为突出,通过引入外部样式表可以有效的减小页面体积,不但能够节省一定的带宽资源,也能够提高关键词和有效代码的比重,对搜索引擎优化有着巨大的作用。

(2).便于网页的改版:

使用css可以有效的控制网页的显示效果。这要比使用html元素自带的属性更加方便,比较突出的一点就是便于网页的后期改版,因为只要修改样式表中的css代码即可,而不是直接修改html元素的中的属性。

(3).使用css可以实现精准控制:

html元素自带的属性虽然可以在一定程度上控制外观,但通常比较粗糙,使用css则会更加精准。

三.CSS的使用方式:

(1).内联样式,直接在html元素内部使用。

(2).内部样式表,在头部<head></head>标签内部定义。

(3).引入外部样式表,将一个独立的CSS样式表文件引入当前页面。

以上三种方式会在一下的章节介绍。

简单实例:

<!doctype html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">div { ?width:100px; ?height:50px; ?line-height:50px; ?border:1px dotted red; ?text-align:center; ?color: #000; ?font-size: 12px; }</style></head><body><div>蚂蚁部落欢迎您</div></body></html>

上面的代码控制文本在一个虚线框中垂直水平居中显示。

 http://www.softwhy.com/article-416-1.html

http://www.softwhy.com/qiduan/css_source/

CSS 简单介绍

原文地址:https://www.cnblogs.com/come-on/p/8157695.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved