网站首页 > 技术文章 正文
前端学习之css
CSS的作用是用来大大提升网页开发的工作效率!在我们应会学会如何使用 CSS 同时控制多重网页的样式和布局。
什么是CSS?
1. CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。
2. CSS 是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译。
3. CSS 是用来表现HTML或XML的标记语言。
4. CSS 是由W3C的CSS工作组发布推荐和维护的.
5. CSS 是编程入门人员的必修课,运用CSS样式可以让页面变得美观。
6. CSS语法由三部分构成:选择器、属性和值: selector {property: value}
一个HTML文档可以显示不同的样式
下面给个例子
使用CSS的优势
内容与表现分离,有了CSS,网页的内容(XHMTL)与表现就可以分开了。
使用CSS可以减少网页的代码量,增加网页的浏览速度。
如何使用CSS?
有三种方法可以在站点网页上使用样式表:
1. 外联式Linking(也叫外部样式):将网页链接到外部样式表。
2. 嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。
3. 内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。
其中,优先级:内联式 > 嵌入式 > 外联式
Css的语法
CSS 规则由两个主要的部分构成:选择器,以及一条或
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。
CSS声明总是以分号(;)结束,声明组以大括号({})括起来:
CSS 注释
注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。
CSS注释以 "/*" 开始, 以 "*/" 结束
猜你喜欢
- 2024-10-11 前端学习:CSS的学习总结(图解) 前端css3
- 2024-10-11 每天一点前端知识,轻松学会前端开发——CSS定位总结
- 2024-10-11 10 个前端开发人员经常使用的 CSS 技巧
- 2024-10-11 web前端基础之css入门 前端css3
- 2024-10-11 这10个CSS技巧——据说能让你前端工作更轻松?
- 2024-10-11 前端工程师教你如何能更好的写出CSS?分享web前端大佬资料总结
- 2024-10-11 深入理解CSS:探索前端开发的进阶技巧
- 2024-10-11 前端必备,20个CSS小技巧 web前端开发css
- 2024-10-11 前端工程师讨厌写 CSS 是什么心态?
- 2024-10-11 程序员都必掌握的前端教程之CSS基础教程(上)
你 发表评论:
欢迎- 508℃Oracle分析函数之Lag和Lead()使用
- 508℃几个Oracle空值处理函数 oracle处理null值的函数
- 499℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 494℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 486℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 479℃【数据统计分析】详解Oracle分组函数之CUBE
- 459℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 459℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端富文本编辑器 (47)
- 前端路由 (61)
- 前端数组 (73)
- 前端定时器 (47)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)