首页 > 开发 > CSS > 正文

HTML (css样式规范)必看篇

2020-03-24 19:00:17
字体:
来源:转载
供稿:网友
类选择器1.必背的固定结构,成为CSSyangshi_10628_1.html' target='_blank'>CSS样式标记。所有的样式都可以写成CSS样式的标记中 style type= text/css /style 2. type= text/css 意思是声明这个标记是css样式类型type:类型的意思
text:文本的意思
css:叠层样式表3.类选择器语法格式 .类名 (点加类名)写的位置:在css样式的标记中
调用方法在HTML标签内部写上 >4.命名规范建议是纯字母或字母后面加数字,请勿数字开头,其它虽然可以使用请问使用5.为什么要把行内的css提取到css的标记中优点一:保持HTML的层次清晰,方便检测错误
优点二:可以重复使用css样式XML/HTML Code复制内容到剪贴板
.box{width:200px;height:50px;background-color:aqua;border:10pxsalmonsolid} /style /head body div >ID选择器1. ID选择器的语法格式 #ID名称写的位置:在CSS样式的标记中
调用方法在HTML标签内部写上 id= ID名称

2. 命名规范同类上一节的类名一样的道理3. 为什么要把行内的CSS提取到CSS的标记中优点一:保持HTML的层次清晰,方便检测错误
优点二:区分优先级,如果需要复用请选择类选择器4. ID不允许重复调用,id就想身份证编号一样,每个都是不同的
XML/HTML Code复制内容到剪贴板
#box{width:200px;height:50px;background-color:bisque} #boy,#boy1,#boy2{width:200px;height:50px;background-color:bisque; border:2pxseagreensolid} #gil,.doc{width:200px;height:50px;background-color:bisque; border:2pxseagreensolid} /*设置多个共享一个参数*/ /style /head body divid= gil /div div >标签名选择器用到多个标签使用相同的属性,可以写成选择器。方面下面所有用到这个标签时共有这个属性
XML/HTML Code复制内容到剪贴板
/*标签名选择器*/ div{border:10pxsalmonsolid;width:99px;height:20px} /style /head body div 周杰伦 /div div 孙其虎 /div div 张杰 /div /body /html
1.CSS执行顺序,在同等优先级的情况下,下一行的如果与上一行的CSS有冲突一下一行为标准在优先级不同的情况下,优先级高的覆盖优先级的低的。 2.选择器优先级顺序排列第一名:行内样式 1000;
第二名:ID选择器 100;
第三名:元素名.类名 10;
第四名:类名
第五名:标签名 1;3.主意事项:当你写的CSS不起作用的时候,优先检测代码有没有写错
第二检查优先级情况有没有错XML/HTML Code复制内容到剪贴板
divid= ket >以上就是小编为大家带来的HTML (css样式规范)必看篇全部内容了,希望大家多多支持phpstudy~原文地址:http://www.cnblogs.com/pythonxiaohu/archive/2016/06/25/5616511.htmlhtml教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表