css概念以及语法规则
moboyou 2025-06-15 19:11 36 浏览
提示：点击上方"蓝色字体"↑ 可以订阅噢！
css
全称 Cascading Style Sheet
html 页面引入css
1，<link rel="stylesheet" href="url"> 写在head标签中
2, <style></style>
3,<p style="color:red;">内嵌样式</p>
语法：
selector{
属性名：属性值；
proterty1:value；
width:100px;
/*注释*/
...
}
浏览器私有属性
chrome,safari
-webkit-
firefox
-moz-
IE
-ms-
opera
-o-
属性值语法
padding:[<length>|<percentage>|auto]{1,4}
语法说明
1，基本元素 ：指的是语法中如length auto 等关键词
2，组合符合 : 指的是 | 等语法说明符合，不同符号代表不同涵义
3 , 数量符号 : {} 以及数字
基本元素：
类型：基本类型（<length>,<percentage>,<color>...）
其他类型（<'padding-width'>,<color-stop>...）
符号：（/，）
inherit ，initial
组合符合
空格:数顺序必须一致 且数量也一样，如下
<'font-size'> <'font-family'>
合法值： 12px arial
非法：arial 12px
12px
&& ：<length>&&<color> 两个值必须出现，不要求顺序一致
合法： green 2px
1em blue
非法：1em
||：至少出现一个，顺序不要求
|：只能出现其中一个，不同时出现
:bold [<length>|<percentage>] 分组作用
数量符号：
无 ： 表示基本元素只能出现一次 <length>
+： 出现一次或多次 <color> [,<color>]+
合法值：#fff , red ,gray
？：可以出现也可以不出现 相当于可选 inset？&&<color>
inset blue
red
{} :表示基本元素最少出现几次，最多出现几次 <length>{2,4}
*:可以出现0，1，或者多次
#:需要出现一次或者多次 ,多次用逗号隔开
@规则
@标识符 xxx；
@标识符 xxx{}；
常用： @media
@keyframes
@font-face
想认识志同道合的朋友一起学习web
加入我们的学习QQ群 190166743
丰富的学习资源，周一到周四免费直播公开课
长按图片，识别二维码即可入群
你可能感兴趣的精彩内容
长按关注：《UI设计自学平台》
- 上一篇：网页设计得懂css的规范
- 下一篇：CSS 样式表小结
相关推荐
- python新手学习常见数据类型——数字
-
Python支持三种不同的数值类型：整型(int)、浮点型(float)、复数(complex)创建数字：a=1b=2.7c=8+4j删除数字：a=1b=2.7c=8+4...
- 只用一个套路公式，给 Excel 中一列人员设置随机出场顺序
-
很多同学会觉得Excel单个案例讲解有些碎片化，初学者未必能完全理解和掌握。不少同学都希望有一套完整的图文教学，从最基础的概念开始，一步步由简入繁、从入门到精通，系统化地讲解Excel的各个知...
- Excel神技 TIME函数:3秒搞定时间拼接!职场人必学的效率秘籍
-
你是否经常需要在Excel中手动输入时间，或者从不同单元格拼接时、分、秒？今天我要揭秘一个超实用的Excel函数——TIME函数，它能让你3秒内生成标准时间格式，彻底告别繁琐操作！一、TIME函数基础...
- 销售算错数被批?97 Excel 数字函数救场，3 步搞定复杂计算
-
销售部小张被老板当着全部门骂。上季度销售额汇总，他把38652.78算成36852.78，差了1800块。财务对账时发现，整个部门的提成表都得重算。"连个数都算不对，还做什么销售？&...
- 如何使用Minitab 1分钟生成所需要的SPC数据
-
打开Minitab，“计算”-“随机数据”-“正太”，因为不好截图，使用的是拍照记录的方式.再要生产的行数中，填写125，可以按照要求，有些客户要求的是100个数据，就可以填写100...
- 验证码，除了 12306，我还没有服过谁
-
为了防止暴力注册或爬虫爬取等机器请求，需要验证操作者是人还是机器，便有了验证码这个设计。本文作者主要介绍了如何使用Axure来设计一个动态的图形验证码，一起来学习一下吧。在软件设计中，为了防止暴力...
- 零基础也能学会的9个Excel函数，小白进阶必备
-
今天给大家分享一些常用的函数公式，可以有效地解决Excel中办公所需，0基础也可以轻松学会。建议收藏，在需要的时候可以直接套用函数。1、计算排名根据总和，计算学生成绩排名。函数公式=RANK(E2,$...
- [office] excel表格数值如何设置_excel表格怎样设置数值
-
excel表格数值如何设置 因为电子表格应用程序是用来处理数值数据的，所以数值格式可能是工作表中最关键的部分，格式化数值数据的方式由用户决定，但在每个工作簿的工作表之间应使用一致的处理数字的方法。...
- Excel最常用的5个函数!会用最后一个才是高手
-
是不是在处理Excel数据时，面对繁琐的操作烦恼不已？手动操作不仅耗时费力，还容易出错。别担心，表姐这就为你揭秘Excel中几个超实用的函数，让数据处理变得轻松高效！表姐整理了552页《Office从...
- 新手必会的53个Excel函数_惊呆小伙伴的全套excel函数技能
-
（新手入门+进阶+新函数）一、新手入门级(24个)1、Sum函数：求和=Sum(区域)2、Average函数：求平均值=Average(区域)3、Count函数：数字个数=Count(区域)4、Cou...
- 打工人私藏的4个Excel函数秘籍，效率提升3.7%
-
小伙伴们好啊，今天咱们分享几个常用函数公式的典型应用。合并内容如下图，希望将B列的姓名，按照不同部门合并到一个单元格里。=TEXTJOIN(",",1,IF(A$2:A$15=D2,B...
- Excel偷偷更新的8个函数!原来高手都在用这些隐藏技能
-
领导突然要销售数据，你手忙脚乱筛选到眼花...同事3分钟搞定的报表，你折腾半小时还在填充公式...明明用了VLOOKUP，却总显示#N/A错误...别慌！今天教你的8个动态数组函数，就像给Excel装...
- Excel表格随机函数怎么用?讲解三种随机函数在不同场景的应用
-
excel随机函数，其特点是能够生成一组随机数字，根据不同需求，还能批量生成小数位和整数，及指定行数和列数，或指定区间范围内的数字。这里根据需求，作者设置了三个问题，第1个是随机生成0至1之间的数字...
- 单纯随机抽样该如何进行?_单纯随机抽样的适用范围及注意事项
-
在数据分析中，抽样是指从全部数据中选择部分数据进行分析，以发掘更大规模数据集中的有用信息。在收集数据过程中，绝大多数情况下，并不采取普查的方式获取总体中所有样本的数据信息，而是以各类抽样方法抽取其中若...
- 随机函数在Excel中的应用_随机函数在excel中的应用实例
-
【分享成果，随喜正能量】职场，如果你没有价值，那么你随时可能被取代;如果你的价值不如别人，那么社会也不会惯你，你将被无情地淘汰掉。不管什么时候，你一定要学会构建自己的价值。每个人都应该思考这个问题：我...
- 一周热门
- 最近发表
- 标签列表
-
- 外键约束 oracle (36)
- oracle的row number (32)
- 唯一索引 oracle (34)
- oracle in 表变量 (28)
- oracle导出dmp导出 (28)
- 多线程的创建方式 (29)
- 多线程 python (30)
- java多线程并发处理 (32)
- 宏程序代码一览表 (35)
- c++需要学多久 (25)
- css class选择器用法 (25)
- css样式引入 (30)
- css教程文字移动 (33)
- php简单源码 (36)
- php个人中心源码 (25)
- php小说爬取源码 (23)
- 云电脑app源码 (22)
- html画折线图 (24)
- docker好玩的应用 (28)
- linux有没有pe工具 (34)
- mysql数据库源码 (21)
- php开源万能表单系统源码 (21)
- 可以上传视频的网站源码 (25)
- match函数的功能是 (21)
- 随机函数如何生成小数点数字 (31)