0基础学CSS

本CSS教程能够让你在数小时内入门CSS,要求你有基本的HTML经验。

0基础学CSS

CSS快速入门-新手教程

CSS:层叠样式表,用于定义HTML元素的显示形式,为网站添加布局效果,是W3C推出的格式化网页内容的标准技术,网页设计者必须掌握的技术之一。

本CSS教程能够让你在数小时内入门CSS,学习CSS是很有趣的。你在学习本教程的过程中,记得留有充分的时间来实践你在每一课中学到的知识。

使用CSS要求你有基本的HTML经验。如果你不熟悉HTML,那么请在开始学习CSS之前先学习0基础学HTML

我需要什么软件?

在学习本教程时,请不要使用类似FrontPage、DreamWeaver或Word这样的软件。这些高级软件对你学习CSS没有帮助。相反,它们会限制你,并显著减慢你的学习进度。

采用简易文本编辑器来学习编写HTML和CSS是非常好的,因为它不会影响或修改你所输入的代码。这样,代码的对错完全取决于你自己,而不是软件。

你可以使用任何浏览器。但我们建议你把浏览器升级至最新版本。

你所需要的全部软件就是一个浏览器和一个简易文本编辑器。

我们现在开始学习CSS吧!

第1课:CSS是什么?

第2课:CSS的工作原理

第3课:颜色与背景

第4课:字体

第5课:文本

第6课:超链接

第7课:元素的分类与标识(class和id)

第8课:组织元素(span和div)

第9课:盒状模型

第10课:外边距和内边距

第11课:边框(border)

第12课:高度和宽度

第13课:浮动元素(float)

第14课:元素的定位

第15课:用z-index进行层次堆叠

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/4948.html

(2)
江山如画的头像江山如画管理团队
上一篇 2020年2月22日 下午3:02
第1课:CSS是什么?
下一篇 2020年2月22日 下午3:57

99%的人还看了以下文章

  • 美观简洁的bootstrap 表单验证代码

    美观简洁的bootstrap 表单验证代码,如上图所示,点击登录按钮,在输入框下方显示错误提示信息 <!DOCTYPE html> <html> <head> <meta charset=”utf-8″ /> <title>ipput</title> <!– 新 Bootstra…

    2020年2月9日
    9.9K0
  • css布局基础-盒子模型

    网页设计的第一步就是设计版面布局,本文介绍了css布局基础-盒子模型,CSS盒模型是描述网页布局的视觉模型中网页元素的矩形盒状模型。盒模型由margin(边界)、border(边框)、padding(填充)和content(内容)4部分组成。

    2022年7月14日
    12.0K0
  • 网页制作常用正则表达式大全、正则表达式在线测试工具

    正则表达式,用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。正则表达式经常被用于字段或任意字符串的校验。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。 正则表达式在线测试工具 regex101是一个非常不错的正则表达式在线测试工具,你可以直接在线测试你的正则表达式。 网页制作常用正则表达式 1 用户名正则 //用户名正则,4到…

    2018年9月12日
    8.4K0
  • CSS border-radius 深入学习(含可视化生成工具)

    CSS border-radius 深入学习(含可视化生成工具)CSS border-radius 深入学习(含可视化生成工具)CSS border-radius 深入学习(含可视化生成工具)CSS border-radius 深入学习(含可视化生成工具)

    没有学过CSS border-radius 的同学,请阅读《css实现圆角矩形、半圆、圆形效果—border-radius使用详解》一文。border-radius 写法: .box{ border-radius: 30%; /* 也可以用PX代替 */ } 矩形的四角会变为相应数值的圆角,如下图: 只输入一个数值,所有角都会被四舍五入,若要固定值可以使用 …

    2019年10月17日 网页制作
    13.6K0
  • PS图片转页面CSS+HTML的步骤

    标准的网页制作流程是:拿到网站美工制作的psd效果图后,网页设计师再把PS制作的图片转html页面。

    网页制作 2020年2月12日
    9.7K0
  • 第13课:HTML音频/视频

    HTML 音频 在 HTML 中播放音频并不容易!您需要谙熟大量技巧,以确保您的音频文件在所有浏览器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(PC, Mac , iPad, iPhone)都能够播放。 <embed> 元素 <embed> 标签,这是一个 HT…

    2018年1月18日
    9.3K0

发表回复

登录后才能评论