很多同学在学习前台的时候,可能会对html与css之间的区别不太理解,今天的这篇文章php中文网给需要的朋友们总结了关于html与css之间的比较,下面我们就来看一下具体的内容。

css与html区别:

1. 首先我们来看一下html:

html是HyperTextMark-upLanguage的缩写,即超文本标记语言;

html是使用来定义文档内容结构的,包含了使用户需要浏览的内容,包括图文、视频,即构成网页的基本元素;

html是网页的结构(Structure),需要有多种框架和布局,比方frameset框架集、iframe内联框架、div+css布局、table布局等,同时支持表单提交(HTML Form),包括基础表单、input输入框、输入框类型、文本域、列表、label等。

html的结构包括头部(Head)、主体(Body)两大部分,其中头部形容浏览器所需的信息,而主体则包含所要说明的具体内容。

我们来看一个关于html的小例子:

php中文网(php.cn)

我的第一个标题

我的第一个段落。

效果如下:

这个例子即可以很清楚的说明关于html的结构。(相关推荐:HTML中文参考手册和2018前台入门_HTML5)

看完了html的基本内容,下面我们来看一看css的基本内容,毕竟是css与html之间的区别比较^_^

2. 我们再来看一看css:

css是Cascading Style Sheets 的缩写,即层叠式样式表单,它是由W3C协会制定并发布的一个网页排版式标准,是对HTML语言功能的补充。

css使用于定义html文档的样式,即外观,比方网页上的动态文字、文字的色彩、字体、动画效果,都可以由css来实现。

css的主要的使用途是对网页中字体、颜色、背景、图像及其余各种元素的控制,使网页能够完全按照设计者的要求来显示。

如下面例子所示:

php中文网(php.com)

body

{

background-color:#d0e4fe;

}

h1

{

color:orange;

text-align:center;

}

p

{

font-family:"Times New Roman";

font-size:20px;

}

CSS例子

这是一个段落。

效果如下:

上面的效果可以非常清楚的说明关于css的使用途。

通过上面对html和css基本内容的详情,我们可以非常清楚的看到css与html之间的区别是什么,css是多使用于样式而html则是使用于文本内容,你只需认真的去学习了,更多的东西都可以在学习过程中发现的。

css和php区别,「php」css与html的区别是什么?css与html区别比照相关推荐

  1. php include include_once 区别,「PHP」include()、include_once()、require()、require_once()的用法及区别...

    1.include:使用include引用外部文件时,只有代码执行到include代码段时,调用的外部文件才会被引用并读取,当引用的文件发生错误时,系统只会给出个警告错误,而整个php文件会继续执行. ...

  2. CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表

    前言:本篇文章为 CSS 基础系列笔记第一篇,参考 黑马程序员pink老师前端入门教程 如有侵权联系删除,如有问题欢迎指出. 其他CSS基础相关文章: CSS基础「二」复合选择器 / 元素显示模式 / ...

  3. CSS基础「七」精灵图 \ 字体图标 \ 三角 \ 用户界面样式 \ 页面初始化

    本篇文章为 CSS 基础系列笔记第七篇,参考 黑马程序员pink老师前端入门教程 其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...

  4. CSS基础「六」元素的显示与隐藏

    本篇文章为 CSS 基础系列笔记第六篇,参考 黑马程序员pink老师前端入门教程 其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...

  5. CSS基础「五」定位

    本篇文章为 CSS 基础系列笔记第五篇,参考 黑马程序员pink老师前端入门教程 其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...

  6. CSS基础「四」浮动 \ 常见网页布局

    本篇文章为 CSS 基础系列笔记第四篇,参考 黑马程序员pink老师前端入门教程 其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...

  7. CSS基础「三」盒子模型/产品模块案例/圆角边框/盒子阴影/文字阴影

    本篇文章为 CSS 基础系列笔记第三篇,参考 黑马程序员pink老师前端入门教程 其他CSS基础相关文章: CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表 CSS基础「二」复合 ...

  8. 新年「开门红」| 送你 108 份开工牛气能量!

    人勤春来早 牛年向前 "犇"!  正月初七,迎来新年第一个工作日 祝大家开工大吉! 小楼为你送上 108 门免费项目课程,愿你新年第一天,元气加满,更上一层楼! 具体课程如下,如果 ...

  9. 「机器学习」机器学习算法优缺点对比(汇总篇)

    作者 | 杜博亚 来源 | 阿泽的学习笔记 「本文的目的,是务实.简洁地盘点一番当前机器学习算法」.文中内容结合了个人在查阅资料过程中收集到的前人总结,同时添加了部分自身总结,在这里,依据实际使用中的 ...

最新文章

  1. HDU1559(二维树状数组)
  2. Hadoop组件基本操作
  3. os模块:与操作系统交互的一个接口
  4. thinkphp-许愿墙-2
  5. 09 Softmax回归+损失函数
  6. ffmpeg-20160517-git-bin
  7. ASP.NET站点Web部署(一键发布的实现)
  8. linux卸载apache服务器,centos 7 安装卸载apache(httpd)服务的详细步骤
  9. 编译原理实验-用FLEX自动构造词法分析程序
  10. 「电商干货」分销爆单的6个步骤
  11. 尚学堂怎么样?给你讲讲我的亲身经历
  12. vmware虚拟机连不上服务器,VMware虚拟机nat模式连不上网怎么办
  13. 锚文本链接用html怎么做,锚文本链接是什么?
  14. USB音频芯片/TYPE-C音视频处理芯片方案选型表
  15. 师傅!华为eNSP报错啦!别担心,一篇文章教会你
  16. Cognos安装配置--单机环境
  17. auto.js蚂蚁森林收能量
  18. n平方的求和公式_n的二次方怎么求和?
  19. torch.nn.MaxPool2d详解
  20. AWGN信道下的香农限

热门文章

  1. vue echarts 3D地图+省+弹窗
  2. eclipse常见问题
  3. 大数据反欺诈+保险赔付:看互联网保险如何普惠
  4. 微信小程序-获取用户头像信息以及修改用户头像
  5. 【趣味AI】手把手教你用AI画画
  6. C语言之素数判断及输出(1~100所有的素数)
  7. 助你成为百万富翁的10句箴言
  8. 微信小程序获取获取群id和群名称
  9. QDUOJ 点击此处签到(并查集)
  10. 贩妖记 第六十六章,水底大鱼