乔越

发表文章数:122

热门标签

, , ,

四代商业主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买
首页 » 编程语言 » HTML » 【学习笔记】css基础知识复习总结

css概述

什么是css

级联样式表 初始样式

CSS是用来定义HTML元素显示的样式和布局方式的,例如设置显示字体的颜色,大小等效果。

p{
  color:red;
  font-size:24px;
}

css发展历程

从1994年开始,直到1996年才出版了第一版CSS要求。CSS发展至今,也仅经历了3个大版本的更新和互换。具体每个版本发布的时间如下:

  • CSS1-作为一项W3C推荐,CSS1发布于1996年12月17日。1999年1月11日,此推荐被重新修订。
  • CSS2-作为一项W3C推荐,CSS2发布于1999年1月11日。CSS2添加了对介质(打印机和听觉设备)和可下载字体的支持。
  • CSS3-CSS3计划将CSS划分为更小的模块。于1999年开始制定,2001年5月23日W3C完成了CSS3的工作计划。

内联样式

<div style="color: lightcoral;">这是测试内容.</div>

【学习笔记】css基础知识复习总结

内嵌样式表

<style type="text/css">
    p {
        color: lightcoral;
        font-size: 24px;
    }
</style>

两个问题:

  • HTML内容与CSS样式的强补充问题,合并网页的内容和样式有效地分离。
  • 如果为不同元素设置相同的CSS样式的话,只需要定义一次CSS样式代码。

外联样式表

<link rel="stylesheet" href="style/demo.css">

加载过程

  1. 浏览器会加载HTML页面并进行解析。
  2. 解析到“元素约会的CSS文件,并通过href属性读取到CSS文件的路径。
  3. 根据读取的路径,开始加载CSS文件并进行解析。

【学习笔记】css基础知识复习总结

css语法结构

【学习笔记】css基础知识复习总结

  • 选择器(Selector):使用定位当前HTML页面中的元素,可以是一个元素也可以是多个元素(元素集)。
  • 声明块(Declaration block):包含一个或多个CSS声明,其语法结构是一对花括号。

css注释

【学习笔记】css基础知识复习总结

未经允许不得转载:作者:乔越, 转载或复制请以 超链接形式 并注明出处 乔越博客
原文地址:《【学习笔记】css基础知识复习总结》 发布于2020-01-02

分享到:
赞(0) 打赏 生成海报

评论 1

1 + 7 =
  1. #1
    qq_avatar

    确实不错的

    华为质疑3个月前 (04-23)回复

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.5主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册