简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > css教程 > 正文

CSS简单学习的要点

不言
发布： 2018-04-21 15:46:32
原创
1295 人浏览过

这篇文章介绍的内容是CSS简单学习的要点 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

参考：http://www.w3school.com.cn/css

CSS就是让HTML元素显示的更规范的一种东西，可以写在标签里，文件头，文件外，浏览器缺省设置（级别由高到低），可以统一规范。

元素{属性：值}

h1 {color:red; font-size:14px;}
登录后复制

将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素

CSS 对大小写不敏感。不过存在一个例外：如果涉及到与 HTML 文档一起工作的话，class 和 id 名称对大小写是敏感的。

你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。

h1,h2,h3,h4,h5,h6 {  color: green;  }
登录后复制

所有的标题元素都是绿色的。

id 选择器以 “#” 来定义

#red {color:red;}#green {color:green;}
登录后复制

第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色

<p id="red">这个段落是红色。</p><p id="green">这个段落是绿色。</p>
登录后复制

id 属性只能在每个 HTML 文档中出现一次

派生选择器：通过上下文定义样式
id选择器：特定id定义样式 用#
类选择器：.类名
属性选择器：为指定属性定义样式

外部样式表：

<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>
登录后复制

            

以上是CSS简单学习的要点 的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
css 要点
来源：php.cn
上一篇：css模拟行星 下一篇：CSS中可继承的属性
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
google 浏览器 手机版显示的怎么实现 老师您好，google 浏览器怎么变成手机版样式的？
来自于 2024-04-23 00:22:19
0
9
1588
通过添加 Width 属性将内容向左移动 我已经为主体提供了边距。主要{左边缘：200px;右边距：200px；文本对齐：居中}由于我想以两行而不是一行显示文本，因此我在样式中添加了width属性。.p{字体大小：12px...
来自于 2024-04-06 22:01:35
0
3
816
如何在 React 中的排序方法上触发渲染（带有过滤器和分页）？ 这是我的Sort.js样式组件：<SortWrapper><SortText>SortBy</SortText><SortSelecton...
来自于 2024-04-06 21:28:37
0
1
2257
匹配单词的正则表达式 我有一个脚本，我试图将新的职位名称与数据库中的现有职位名称进行匹配。SELECTa.titleASJobTitle,j.DescriptionASMatchedJobTitle,f...
来自于 2024-04-06 21:24:04
0
1
606
查询和公式形成整个表，带有新列，其中新列是涉及其他条件列值的公式 编辑：公式应该是“值”列-根据类别具有最低user_id的“值”列。因此第2行将为0.04，因为类别“A”的最低“user_id”的“value”列是0.01。抱歉。我想从表中检索...
来自于 2024-04-06 21:23:40
0
2
530
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！