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应用实例之布局

相关文章
|
5月前
|
前端开发
5.CSS学习(浮动)
【7月更文挑战第29天】
42 4
学习CSS3 中的渐变、阴影与遮罩
CSS3的渐变、阴影和遮罩特性极大地丰富了网页设计。渐变让颜色平滑过渡,赋予页面流动美感;阴影增加元素立体感,引导视觉焦点;遮罩通过隐藏或显示部分元素创造独特视觉效果。这些特性组合使用,可打造丰富多彩、立体生动的视觉体验,并可通过CSS3动画增强动态效果,使网页更具活力。正确应用这些特性需考虑参数调整及跨浏览器兼容性,以确保最佳展示效果。
|
3月前
|
XML JavaScript 前端开发
JavaWeb基础4——HTML,JavaScript&CSS
HTML,JavaScript&CSS、元素、标签、css 选择器、属性、JavaScript基础语法、JavaScript对象、BOM浏览器对象模型、DOM文档对象模型、事件监听、正则对象RegExp/ES6
|
3月前
|
前端开发
|
3月前
|
Web App开发 移动开发 自然语言处理
|
5月前
|
前端开发
学习css的clip-path属性
【7月更文挑战第1天】了解CSS `clip-path`属性,用于定义元素显示区域的裁剪形状,如圆形、椭圆、多边形、矩形及SVG路径。通过配合过渡和动画,可创建动态交互效果。例如,`clip-path: circle(radius at center);`用于创建圆形裁剪,`polygon`用于自定义多边形。还可以使用`path()`引用SVG路径数据。[资源推荐:bennettfeely.com/clippy/](https://bennettfeely.com/clippy/),提供交互式工具测试不同形状。
104 0
学习css的clip-path属性
|
5月前
|
JavaScript 前端开发 Java
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(二)
前端网页开发学习(HTML+CSS+JS)有这一篇就够!(二)
|
前端开发
JavaWeb学习之路(41)–CSS之颜色值
本文目录 1. 前言 2. 三原色 3. RGB颜色值 4. 16进制颜色值 5. 取色 6. 小结
403 0
JavaWeb学习之路(41)–CSS之颜色值
|
29天前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
57 7

热门文章

最新文章