开发软件的简单使用技巧：
选择器的介绍：
1.JPG
开发者工具谷歌（chrome）
首先随便打一段代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
h {
font-size:40px;
color:reed;
}
</style>
</head>
<body>
<h2>css介绍</h2>
</body>
</html>
其中有两段错误。
打开谷歌调试（F12、右击检查）
捕获.JPG
从上面可以发现什么样式都没有，所以我们可以认为h的标签写错了
image.png
颜色代码打错了
image.png
从这里我们可以看出是 文件5 第7行出错的。
很快就能找到答案并修改它。
当然谷歌里还有一个很方便的操作——点击颜色就可以自己选啦~，如图所示：
image.png
ps：
1.如果觉得代码太小了，可以使用：ctrl+鼠标滑轮来调节大小
选择器 ：
要想将样式应用于特定的html元素，首先找到该目标元素。在css中，执行这一任务的样式规则部分被称为选择器（选择符）
1.标签选择器（元素选择器）
是指用html标签名作为选择器，按标签名进行分类，为页面中某一标签指定统一的css样式
基本格式如下：
标签名（选择器的名称）：{属性1：属性值1；属性2：属性值2；属性3：属性值3；}或
属性名：{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
p {
color:red;
font-size:14px;
}
h1 {
color:blue;
font-size:16px;
}
</style>
</head>
<body>
<p>指用html标签名作为选择器，按标签名进行分类，为页面中某一标签指定统一的css样式</p>
<p>指用html标签名作为选择器，按标签名进行分类，为页面中某一标签指定统一的css样式</p>
<p>指用html标签名作为选择器，按标签名进行分类，为页面中某一标签指定统一的css样式</p>
<p>指用html标签名作为选择器，按标签名进行分类，为页面中某一标签指定统一的css样式</p>
<h1>指用html标签名作为选择器，按标签名进行分类，为页面中某一标签指定统一的css样式</h1>
<h1>指用html标签名作为选择器，按标签名进行分类，为页面中某一标签指定统一的css样式</h1>
<h1>指用html标签名作为选择器，按标签名进行分类，为页面中某一标签指定统一的css样式</h1>
<h1>指用html标签名作为选择器，按标签名进行分类，为页面中某一标签指定统一的css样式</h1>
</body>
</html>
image.png
也就是前面所说的，它能够改变某一类的元素
类选择器
类选择器使用 “.”进行标识，后面紧跟类名，基本格式如下：
.类名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
标签调用的时候用： class=“类名”即可。
例如，用class调用htmlys如下所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.htmlys { /*//声明类样式*/
color:pink;
}
</style>
</head>
<body>
<div class="htmlys">html样式</div> <!-- //class 调用.htmlys -->
<div>css样式</div>
<div>JavaScript样式</div>
</body>
</html>
image.png
很容易看出确实只有第一个用class的div的颜色发生了变化。
命名规范
1.长名称或词组可以使用中横线来为选择器命名
2.不建议使用“_”来命名css选择器（可能会导致不兼容或与js产生混乱）
3.不要用中文或纯数字来命名
下面是基本的一些命名规范
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer
版权：copyright
滚动：scroll
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
注册：regsiter
状态：status
投票：vote
合作伙伴：partner
(二)注释的写法:
/* Footer /
内容区
/ End Footer */
(三)id的命名:
(1)页面结构
容器: container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
(2)导航
导航：nav
主导航：mainbav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar
菜单：menu
子菜单：submenu
标题: title
摘要: summary
(3)功能
标志：logo
广告：banner
登陆：login
登录条：loginbar
注册：regsiter
搜索：search
功能区：shop
标题：title
加入：joinus
状态：status
按钮：btn
滚动：scroll
标签页：tab
文章列表：list
提示信息：msg
当前的: current
小技巧：tips
图标: icon
注释：note
指南：guild
服务：service
热点：hot
新闻：news
下载：download
投票：vote
合作伙伴：partner
友情链接：link
版权：copyright\
网友评论