外链论坛

 找回密码
 立即注册
搜索
查看: 119|回复: 2

CSS入门最全笔记

[复制链接]

3043

主题

148

回帖

9911万

积分

论坛元老

Rank: 8Rank: 8

积分
99119129
发表于 2024-6-30 10:51:42 | 显示全部楼层 |阅读模式

前端学习笔记教程定时更新中,传送门:

前端HTML第1天:什么是网页?什么是HTML?网页怎么形成?HTML标签大全前端学习:表格学习,附练习+源码前端学习之列表,附送全套源码

本文配套课程:前端HTML5+CSS3+移动Web全套教程,下面开启咱们CSS学习的第1天。

1、CSS简介

CSS 是层叠样式表 ( Cascading Style Sheets ) 的简叫作.

有时咱们叫作之为 CSS 样式表或级联样式表。

CSS 是是一种标记语言

CSS 重点用于设置 HTML 页面中的文本内容(字体、体积、对齐方式等)、照片的外形(宽高、边框样式、边距等)以及版面的布局和外观表示样式。

CSS 让咱们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 能够美化 HTML , 让 HTML 更美丽, 让页面布局更简单。

CSS 最大价值: 由 HTML 专注去做结构呈现,样式交给 CSS,即 结构 ( HTML ) 与样式( CSS ) 相分离

1.1 CSS语法规范

1.运用 HTML 时,必须遵从必定的规范,CSS 是如此。想要熟悉运用 CSS 对网页进行修饰,首要必须认识CSS 样式规则。

2.CSS 规则由两个重点的部分形成选取器以及一条或多条声明。

1.选取器是用于指定 CSS 样式的 HTML 标签,花括号内是对该对象设置的详细样式 2.属性和属性值以“键值对”的形式显现 3.属性是对指定的对象设置的样式属性,例如字体体积、文本颜色等 4.属性和属性值之间用英文“:”掰开 5.多个“键值对”之间用英文“;”进行区分

例如:

所有的样式包括 <style> 标签内暗示是样式表<style> 通常写到 </head> 上方 <head> <style> h4 { color: blue; font-size: 100px; } </style> </head>

2、CSS代码风格

2.1 样式格式书写

1. 样式格式书写 1.紧凑格式 h3 { color: deeppink;font-size: 20px;} 2.展开格式 h3 { color: pink; font-size: 20px; } 剧烈举荐第二种格式 由于更直观 2. 样式大小写风格 1.小写格式 h3 { color: pink; } 2.大写格式 H3 { COLOR: PINK; } 剧烈举荐样式选取属性名属性值重要所有运用小写字母特殊状况除外 3. 样式空格风格 1. h3 { color: pink; } 属性值前面冒号后面保存一个空格 选取标签和大括号中间保存空格

2.2 CSS选取器的功效

答:选取器(选取符)便是按照区别需求把区别的标签选





上一篇:Web基本之CSS(一)
下一篇:CSS知识总结
回复

使用道具 举报

3000

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109180
发表于 2024-9-27 12:24:38 | 显示全部楼层
外链论坛的成功举办,是与各位领导、同仁们的关怀和支持分不开的。在此,我谨代表公司向关心和支持论坛的各界人士表示最衷心的感谢!
回复

使用道具 举报

3052

主题

3万

回帖

9606万

积分

论坛元老

Rank: 8Rank: 8

积分
96065834
发表于 前天 20:45 | 显示全部楼层
我完全赞同你的观点,思考很有深度。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-24 10:51 , Processed in 0.101174 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.