HTML (css样式规范)必看篇
前端  /  管理员 发布于 4年前   364
CSS样式规范
1.类选择器
2.标签选择器
3.id选择器
4.CSS样式的子选择器
类选择器
1.必背的固定结构,成为CSS样式标记。所有的样式都可以写成CSS样式的标记中
<style type="text/css">
</style>
2. type=“text/css” 意思是声明这个标记是css样式类型
type:类型的意思
text:文本的意思
css:叠层样式表
3.类选择器语法格式 .类名 (点加类名)
写的位置:在css样式的标记中
调用方法在HTML标签内部写上 class=类名
4.命名规范
建议是纯字母或字母后面加数字,请勿数字开头,其它虽然可以使用请问使用
5.为什么要把行内的css提取到css的标记中
优点一:保持HTML的层次清晰,方便检测错误
优点二:可以重复使用css样式
ID选择器
1. ID选择器的语法格式 #ID名称
写的位置:在CSS样式的标记中
调用方法在HTML标签内部写上 id="ID名称"
2. 命名规范
同类上一节的类名一样的道理
3. 为什么要把行内的CSS提取到CSS的标记中
优点一:保持HTML的层次清晰,方便检测错误
优点二:区分优先级,如果需要复用请选择类选择器
4. ID不允许重复调用,id就想身份证编号一样,每个都是不同的
标签名选择器
用到多个标签使用相同的属性,可以写成选择器。方面下面所有用到这个标签时共有这个属性
CSS样式的子选择器
XML/HTML Code复制内容到剪贴板二、样式优先级
1.CSS执行顺序,在同等优先级的情况下,下一行的如果与上一行的CSS有冲突一下一行为标准
在优先级不同的情况下,优先级高的覆盖优先级的低的。
2.选择器优先级顺序排列
第一名:行内样式 1000;
第二名:ID选择器 100;
第三名:元素名.类名 10;
第四名:类名
第五名:标签名 1;
3.主意事项:
当你写的CSS不起作用的时候,优先检测代码有没有写错
第二检查优先级情况有没有错
以上就是小编为大家带来的HTML (css样式规范)必看篇全部内容了,希望大家多多支持~
原文地址:http://www.cnblogs.com/pythonxiaohu/archive/2016/06/25/5616511.html
123 在
Clash for Windows作者删库跑路了,github已404中评论 按理说只要你在国内,所有的流量进出都在监控范围内,不管你怎么隐藏也没用,想搞你分..原梓番博客 在
在Laravel框架中使用模型Model分表最简单的方法中评论 好久好久都没看友情链接申请了,今天刚看,已经添加。..博主 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 @1111老铁这个不行了,可以看看近期评论的其他文章..1111 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 网站不能打开,博主百忙中能否发个APP下载链接,佛跳墙或极光..路人 在
php中使用hyperf框架调用讯飞星火大模型实现国内版chatgpt功能示例中评论 教程很详细,如果加个前端chatgpt对话页面就完美了..Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号