JavaWeb学习之路(24)–初识CSS

简介: 本文目录1. HTML与CSS区别2. CSS有哪些功能3. 如何学习CSS4. 系里文章目录

1. HTML与CSS区别

HTML用来描述网页的内容,而CSS用于给内容添加样式。


如果把网页设计比作房屋装修,HTML内容就是房子里有哪些家具——沙发、茶几、床、餐桌,都是内容。


而CSS是对内容的进一步描述——沙发是几座的?茶几的大小?床的颜色?餐桌的高度?沙发和茶几的距离?


也就是说,网页上有什么东西,是HTML决定的,但是这些东西的外观样式,是CSS决定的。


2. CSS有哪些功能

CSS可以描述字体、颜色、背景色、尺寸、距离、边框、布局等方面的内容,功能还是比较多的。


3. 如何学习CSS

学习CSS的方法,很简单,多学多练、不懂就问。


相对于HTML来说,CSS要更加复杂一点,更加抽象一点。但是总体上CSS还是一门设计语言,比较直观,比较易懂的。


4. 系里文章目录

CSS学习之路(24)–初识CSS

CSS学习之路(25)–CSS如何应用到网页上

CSS学习之路(26)–CSS之文本样式

CSS学习之路(27)–CSS之字体样式

CSS学习之路(28)–CSS之背景详解

CSS学习之路(29)–CSS元素选择器使用详解

CSS学习之路(30)–CSS之id选择器使用详解

CSS学习之路(31)–CSS之class选择器使用详解

CSS学习之路(32)–CSS之注释

CSS学习之路(33)–CSS之列表样式

CSS学习之路(34)–CSS之边框样式

CSS学习之路(35)–CSS之分组选择器

CSS学习之路(36)–CSS之嵌套选择器

CSS学习之路(37)–CSS之尺寸

CSS学习之路(38)–CSS之外边距

CSS学习之路(39)–CSS之内边距

CSS学习之路(40)–CSS之表格样式详解

CSS学习之路(41)–CSS之颜色值

CSS学习之路(42)–CSS之盒子模型简述

CSS学习之路(43)–CSS之显示类型

CSS学习之路(44)–CSS之透明

CSS学习之路(45)–CSS之溢出

CSS学习之路(46)–CSS之伪类选择器

CSS学习之路(47)–CSS内联样式/内部样式表/外部样式表

CSS学习之路(48)–CSS选择器优先级

CSS学习之路(49)–CSS应用实例之按钮

CSS学习之路(50)–CSS应用实例之图片

CSS学习之路(51)–CSS应用实例之导航栏

CSS学习之路(52)–CSS应用实例之下拉菜单

CSS学习之路(53)–CSS应用实例之布局

相关文章
|
3月前
|
Web App开发 JSON 前端开发
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
56 0
|
4月前
|
JSON 前端开发 JavaScript
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)(上)
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
58 0
|
1月前
|
前端开发
CSS动画知识点学习
【4月更文挑战第2天】CSS动画知识点学习
23 3
|
2月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
3月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
71 1
|
4月前
|
JavaScript 前端开发 数据安全/隐私保护
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
18 0
|
4月前
|
Web App开发 前端开发 JavaScript
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)(下)
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
29 0
|
Web App开发 前端开发
CSS入门级学习
css入门学习1:认识CSS  1.1:css简介,css全称是层叠样式表,Cascading style sheets   1.2:css的作用,主要是用于定义html内容在浏览器内的显示样式,如文字大小,颜色,字体加粗等     使用css样式的一个好处是通过定义某个样式,可以让不同的网页位置的字体有着统一的字体,字号或者颜色等   1.
1266 0
|
Web App开发 前端开发
CSS入门学习
    一,What?        CSS的全称是CascadingStyle Sheet,汉语意思是“级联样式表”,通常又称为“风格样式表(StyleSheet)”,它是用来进行网页风格设计的。
895 0
|
2天前
|
移动开发 HTML5
HTML5/CSS3粒子效果进度条代码
HTML5/CSS3进度条应用。这款进度条插件在播放进度过程中出现粒子效果,就像一些小颗粒从进度条上散落下来
14 0
HTML5/CSS3粒子效果进度条代码