CSS3------什么是css
admin
2024-02-08 22:37:48
0次

什么是CSS

层叠样式表Cascading Style Sheets，缩写为 CSS，是一种样式表语言，用来描述HTML或XML（包括如SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。 CSS描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题 CSS 是开放网络的核心语言之一，由W3C规范实现跨浏览器的标准化。CSS节省了大量的工作。
  • 简化代码、提高编程效率
CSS指层叠样式表，样式定义如何显示HTML元素，样式通常存储在样式表中
  • 把样式添加到HTML中是为了解决内容与表现分离的问题
  • 样式表的定义方式
  1. 嵌入式：在标签中以style属性出现
  2. 内联式：在head标签里添加 标签
  3. 外联式：以css扩展名的文件独立存在的方式
  • 外部样式表可以极大提高工作效率，外部样式表通常存储在 CSS 文件中
  1. 样式可以通过定义保存在外部.css文件中，同时控制多个网页的布局，这意味着开发者不必经历在所有网页上编辑布局的麻烦
  • 多个样式定义可层叠为一个
  • CSS被分为不同等级：CSS1现已废弃，CSS2.1是推荐标准，CSS3分成多个小模块且正在标准化中




菜鸟教程(runoob.com)




这个标题设置的大小为 36 pt


这个标题设置的颜色为蓝色：blue


这个段落的左外边距为 50 像素：50px

 CSS基础语法

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明

  • 选择器通常是需要改变样式的 HTML 元素
  • 每条声明由一个属性和一个值组成
  • 属性property是希望设置的样式属性style attribute。每个属性有一个值。属性和值被冒号分开。

CSS 注释

  • 注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它
  • CSS注释以 /* 开始, 以 */ 结束 
/*这是个注释*/
p {
text-align:center;
/*这是另一个注释*/
color:black;
font-family:arial;
}

使用CSS

CSS可以通过以下方式添加到html中： 内联样式：在HTML元素中使用style属性

  • 这是一个段落。

内部样式表：在HTML文档头部 区域使用
1
2

对比从上到下的情况，我们可以看出，当盒子跟盒子是平级的时候，盒子排列方式与标签到书写结构没有关系。但盒子的排列先后顺序与标签的书写先后顺序有关。

界面上盒子在上面的，对应文档中的标签先写 界面上盒子在左侧的，对应文档中的标签先写
词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：第二章《Java程序世界初探》第9节：逻辑运算符

下一篇：java抽取mysql数据落到本地

相关内容

热门资讯

电视安卓系统哪个品牌好,哪家品... 你有没有想过，家里的电视是不是该升级换代了呢？现在市面上电视品牌琳琅满目，各种操作系统也是让人眼花缭...
安卓会员管理系统怎么用,提升服... 你有没有想过，手机里那些你爱不释手的APP，背后其实有个强大的会员管理系统在默默支持呢？没错，就是那...
安卓系统软件使用技巧,解锁软件... 你有没有发现，用安卓手机的时候，总有一些小技巧能让你玩得更溜？别小看了这些小细节，它们可是能让你的手...
安卓系统提示音替换 你知道吗？手机里那个时不时响起的提示音，有时候真的能让人心情大好，有时候又让人抓狂不已。今天，就让我...
安卓开机不了系统更新 手机突然开不了机，系统更新还卡在那里，这可真是让人头疼的问题啊！你是不是也遇到了这种情况？别急，今天...
安卓系统中微信视频,安卓系统下... 你有没有发现，现在用手机聊天，视频通话简直成了标配！尤其是咱们安卓系统的小伙伴们，微信视频功能更是用...
安卓系统是服务器,服务器端的智... 你知道吗？在科技的世界里，安卓系统可是个超级明星呢！它不仅仅是个手机操作系统，竟然还能成为服务器的得...
pc电脑安卓系统下载软件,轻松... 你有没有想过，你的PC电脑上安装了安卓系统，是不是瞬间觉得世界都大不一样了呢？没错，就是那种“一机在...
电影院购票系统安卓,便捷观影新... 你有没有想过，在繁忙的生活中，一部好电影就像是一剂强心针，能瞬间让你放松心情？而我今天要和你分享的，...
安卓系统可以写程序? 你有没有想过，安卓系统竟然也能写程序呢？没错，你没听错！这个我们日常使用的智能手机操作系统，竟然有着...
安卓系统架构书籍推荐,权威书籍... 你有没有想过，想要深入了解安卓系统架构，却不知道从何下手？别急，今天我就要给你推荐几本超级实用的书籍...
安卓系统看到的炸弹,技术解析与... 安卓系统看到的炸弹——揭秘手机中的隐形威胁在数字化时代，智能手机已经成为我们生活中不可或缺的一部分。...
鸿蒙系统有安卓文件,畅享多平台... 你知道吗？最近在科技圈里，有个大新闻可是闹得沸沸扬扬的，那就是鸿蒙系统竟然有了安卓文件！是不是觉得有...
宝马安卓车机系统切换,驾驭未来... 你有没有发现，现在的汽车越来越智能了？尤其是那些豪华品牌，比如宝马，它们的内饰里那个大屏幕，简直就像...
p30退回安卓系统 你有没有听说最近P30的用户们都在忙活一件大事？没错，就是他们的手机要退回安卓系统啦！这可不是一个简...
oppoa57安卓原生系统,原... 你有没有发现，最近OPPO A57这款手机在安卓原生系统上的表现真是让人眼前一亮呢？今天，就让我带你...
安卓系统输入法联想,安卓系统输... 你有没有发现，手机上的输入法真的是个神奇的小助手呢？尤其是安卓系统的输入法，简直就是智能生活的点睛之...
怎么进入安卓刷机系统,安卓刷机... 亲爱的手机控们，你是否曾对安卓手机的刷机系统充满好奇？想要解锁手机潜能，体验全新的系统魅力？别急，今...
安卓系统程序有病毒 你知道吗？在这个数字化时代，手机已经成了我们生活中不可或缺的好伙伴。但是，你知道吗？即使是安卓系统，...
奥迪中控安卓系统下载,畅享智能... 你有没有发现，现在汽车的中控系统越来越智能了？尤其是奥迪这种豪华品牌，他们的中控系统简直就是科技与艺...