精华内容
下载资源
问答
  • 代码 QRegExp regx("[A-Fa-f0-9]{4}");...//C++ 正则表达式书写规则如下: [0-9]//可以输入0到 9这几个数字 [A-Za-z]//输入任意英文的常规写法 [^]//有^标记时,方框内不能输入,例如[^abc]就不能输入"a","b","c

    代码

    QRegExp regx("[A-Fa-f0-9]{4}");
    QValidator *validator = new QRegExpValidator(regx, ui->lineEdit);
    ui->lineEdit->setValidator(validator);
    
    
    
    //C++ 正则表达式书写规则如下:
    [0-9]//可以输入0到 9这几个数字
    [A-Za-z]//输入任意英文的常规写法
    [^]//有^标记时,方框内不能输入,例如[^abc]就不能输入"a","b","c"。
    {}/*跟在[]后,表示正则限制,例如[0-9]{4},则只能输入4位数字,[0-9]{2,9},
    则能输入2位到9位数字,如果你想输入一个可以转换成double的数字,可以表示为*/
    [0-9]{1,}[.]{1}[0-9]{1,}//其中,类似{1,}的表达表示大于1位数,不设上限。
    
    展开全文
  • CSS代码书写规范

    2021-06-06 14:15:48
    文章目录首先感谢乖乖老师悉心提点CSS代码格式空格规范选择器规范属性规范CSS书写顺序CSS书写规范使用CSS缩写属性去掉小数点前的“0”简写命名16进制颜色代码缩写连字符CSS选择器命名规范不要随意使用Id为选择器添加...

    首先感谢乖乖老师悉心提点

    阳光拥抱着雨露,绿树拥抱着鲜花。乖乖老师细心的培养和指导就像一抹暖阳,照亮了我人生的旅途 。在这里祝愿老师儿童节快乐,青春永驻!
    在这里插入图片描述

    好,下面介绍CSS的书写规范

    CSS代码格式

    空格规范

    【强制】 选择器 与 { 之间必须包含空格。

    示例: .selector { }

    【强制】 属性名 与之后的:之间不允许包含空格,:与属性值之间必须包含空格

    示例:

    font-size: 12px;
    

    选择器规范

    【强制】 当一个 rule 包含多个 selector 时,每个选择器声明必须独占一行。

    示例:

    /* good */
    .post,
    .page,
    .comment {
        line-height: 1.5;
    }
    
    
    /* bad */
    .post, .page, .comment {
        line-height: 1.5;
    }
    

    【建议】 选择器的嵌套层级应不大于 3 级,位置靠后的限定条件应尽可能精确。

    示例:

    /* good */
    #username input {}
    .comment .avatar {}
    
    /* bad */
    .page .header .login #username input {}
    .comment div * {}
    

    属性规范

    【强制】 属性定义必须另起一行。

    示例:

    /* good */
    .selector {
        margin: 0;
        padding: 0;
    }
    
    /* bad */
    .selector { margin: 0; padding: 0; }
    

    【强制】 属性定义后必须以分号结尾。(最后一句属性不加;也可以,但是强烈不建议)

    示例:

    /* good */
    .selector {
        margin: 0;
    }
    
    /* bad */
    .selector {
        margin: 0
    }
    

    CSS书写顺序

    1. 位置属性(position, top, right, z-index, display, float等)
    2. 大小(width, height, padding, margin)
    3. 文字系列(font, line-height, letter-spacing, color- text-align等)
    4. 背景(background, border等)
    5. 其他(animation, transition等)

    例如:
    在这里插入图片描述

    CSS书写规范

    使用CSS缩写属性

    CSS有些属性是可以缩写的,比如padding,margin,font等等,这样精简代码同时又能提高用户的阅读体验。

    abbreviation

    去掉小数点前的“0”

    del-zero

    简写命名

    很多用户都喜欢简写类名,但前提是要让人看懂你的命名才能简写哦!

    name

    16进制颜色代码缩写

    有些颜色代码是可以缩写的,我们就尽量缩写吧,提高用户体验为主。

    color-abb

    连字符CSS选择器命名规范

    1. 长名称或词组可以使用中横线来为选择器命名。

    2. 不建议使用“_”下划线来命名CSS选择器,为什么呢?

      输入的时候少按一个shift键;
      浏览器兼容问题 (比如使用_tips的选择器命名,在IE6是无效的)
      能良好区分JavaScript变量命名(JS变量命名是用“_”)
      这里有一篇破折号与下划线的详细讨论,中文篇:点击查看 英文篇:点击查看

    underline

    不要随意使用Id

    id在JS是唯一的,不能多次使用,而使用class类选择器却可以重复使用,另外id的优先级优先与class,所以id应该按需使用,而不能滥用。

    css-id

    为选择器添加状态前缀

    有时候可以给选择器添加一个表示状态的前缀,让语义更明了,比如下图是添加了“.is-”前缀。

    status-select

    CSS命名规范(规则)

    常用的CSS命名规则

    头: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
    标签:tags
    文章列表:list
    提示信息:msg
    小技巧:tips
    栏目标题:title
    加入:joinus
    指南:guide
    服务:service
    注册:regsiter
    状态:status
    投票:vote
    合作伙伴:partner
    

    注释的写法:

    /* Header */
    内容区
    /* End Header */
    
    

    Id的命名:

    1)页面结构

    容器: container
    页头:header
    内容:content/container
    页面主体:main
    页尾:footer
    导航:nav
    侧栏:sidebar
    栏目:column
    页面外围控制整体佈局宽度:wrapper
    左右中:left right center
    

    2)导航

    导航:nav
    主导航:mainnav
    子导航:subnav
    顶导航:topnav
    边导航:sidebar
    左导航:leftsidebar
    右导航:rightsidebar
    菜单:menu
    子菜单:submenu
    标题: title
    摘要: summary
    

    3)功能

    标志:logo
    广告:banner
    登陆:login
    登录条:loginbar
    注册:register
    搜索:search
    功能区:shop
    标题:title
    加入:joinus
    状态:status
    按钮:btn
    滚动:scroll
    标籤页:tab
    文章列表:list
    提示信息:msg
    当前的: current
    小技巧:tips
    图标: icon
    注释:note
    指南:guild
    服务:service
    热点:hot
    新闻:news
    下载:download
    投票:vote
    合作伙伴:partner
    友情链接:link
    版权:copyright
    

    注意事项:

    1.一律小写;
    2.尽量用英文;
    3.不加中槓和下划线;
    4.尽量不缩写,除非一看就明白的单词。

    CSS样式表文件命名

    主要的 master.css
    模块 module.css
    基本共用 base.css
    布局、版面 layout.css
    主题 themes.css
    专栏 columns.css
    文字 font.css
    表单 forms.css
    补丁 mend.css
    打印 print.css
    
    展开全文
  • CSS语法缩写规则

    2020-09-27 18:52:36
    使用缩写可以帮助减少你...css缩写的主要规则如下:颜色16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法: property:value1; 表示
  • 16进制颜色代码缩写 连字符CSS选择器命名规范 不要随意使用id 为选择器添加状态前缀 CSS命名规范规则 常用的CSS命名规则 注释的写法 id的命名 1页面结构 2导航 注意事项 CSS样式表文件命名大部分前端都没有按照良好...

    大部分前端都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,
    这里总结一个CSS书写规范、CSS书写顺序供大家参考学习

    1、CSS书写顺序

    1. 位置属性(position, top, right, z-index, display, float等)
    2. 大小(width, height, padding, margin)
    3. 文字系列(font, line-height, letter-spacing, color- text-align等)
    4. 背景(background, border等)
    5. 其他(animation, transition等)
      例如

    2、CSS书写规范

    使用CSS缩写属性

    CSS有些属性是可以缩写的,比如padding,margin,font等等,这样精简代码同时又能提高用户的阅读体验。

    例如

    去掉小数点前的“0”

    例如

    简写命名

    很多用户都喜欢简写类名,但前提是要让人看懂你的命名才能简写哦!

    这里写图片描述

    16进制颜色代码缩写

    有些颜色代码是可以缩写的,我们就尽量缩写吧,提高用户体验为主。

    这里写图片描述

    连字符CSS选择器命名规范

    • 长名称或词组可以使用中横线来为选择器命名。
    • 不建议使用“_”下划线来命名CSS选择器,为什么呢?
      1. 输入的时候少按一个shift键;
      2. 浏览器兼容问题 (比如使用_tips的选择器命名,在IE6是无效的)
      3. 能良好区分JavaScript变量命名(JS变量命名是用“_”)

    这里写图片描述

    不要随意使用id

    id在JS是唯一的,不能多次使用,而使用class类选择器却可以重复使用,另外id的优先级优先与class,所以id应该按需使用,而不能滥用。

    这里写图片描述

    为选择器添加状态前缀

    有时候可以给选择器添加一个表示状态的前缀,让语义更明了,比如下图是添加了“.is-”前缀。

    这里写图片描述

    CSS命名规范(规则)

    常用的CSS命名规则

      头: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
      标签:tags
      文章列表:list
      提示信息:msg
      小技巧:tips
      栏目标题:title
      加入:joinus
      指南:guide
      服务:service
      注册:regsiter
      状态:status
      投票:vote
      合作伙伴:partner

    注释的写法:

      /* Header */
      内容区
      /* End Header */

    id的命名:

    1、页面结构

      容器: container
      页头:header
      内容:content/container
      页面主体:main
      页尾:footer
      导航:nav
      侧栏:sidebar
      栏目:column
      页面外围控制整体佈局宽度:wrapper
      左右中:left right center

    2、导航

      导航:nav
      主导航:mainnav
      子导航:subnav
      顶导航:topnav
      边导航:sidebar
      左导航:leftsidebar
      右导航:rightsidebar
      菜单:menu
      子菜单:submenu
      标题: title
      摘要: summary
      (3)功能
      标志:logo
      广告:banner
      登陆:login
      登录条:loginbar
      注册:register
      搜索:search
      功能区:shop
      标题:title
      加入:joinus
      状态:status
      按钮:btn
      滚动:scroll
      标籤页:tab
      文章列表:list
      提示信息:msg
      当前的: current
      小技巧:tips
      图标: icon
      注释:note
      指南:guild
      服务:service
      热点:hot
      新闻:news
      下载:download
      投票:vote
      合作伙伴:partner
      友情链接:link
      版权:copyright

    注意事项::

      1.一律小写;
      2.尽量用英文;
      3.不加下划线;
      4.尽量不缩写,除非一看就明白的单词。

    CSS样式表文件命名

    主要的 master.css
    模块 module.css
    基本共用 base.css
    布局、版面 layout.css
    主题 themes.css
    专栏 columns.css
    文字 font.css
    表单 forms.css
    补丁 mend.css
    打印 print.css
    

    原文链接http://www.shejidaren.com/css-written-specifications.html

    展开全文
  • css缩写的主要规则

    2016-10-14 23:43:08
    16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 二、盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1;...

          使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。

    css缩写的主要规则如下:

    一、颜色 

    16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:

    #000000可以缩写为#000;#336699可以缩写为#369;


    二、盒尺寸

    通常有下面四种书写方法:

    • property:value1; 表示所有边都是一个值value1;
    • property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2
    • property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3
    • property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left

    方便的记忆方法是顺时针,上右下左。具体应用在margin和padding的例子如下:
    margin:1em 0 2em 0.5em;

    三、边框(border)

    边框的属性如下:

    • border-width:1px;
    • border-style:solid;
    • border-color:#000;

    可以缩写为一句:border:1px solid #000;

    语法是border:width style color;

    四、背景(Backgrounds)

    背景的属性如下:

    • background-color:#f00;
    • background-image:url(background.gif);
    • background-repeat:no-repeat;
    • background-attachment:fixed;
    • background-position:0 0;

    可以缩写为一句:background:#f00 url(background.gif) no-repeat fixed 0 0;

    语法是background:color image repeat attachment position;

    你可以省略其中一个或多个属性值,如果省略,该属性值将用浏览器默认值,默认值为:

    • color: transparent
    • image: none
    • repeat: repeat
    • attachment: scroll
    • position: 0% 0%

    五、字体(fonts)

    字体的属性如下:

    • font-style:italic;
    • font-variant:small-caps;
    • font-weight:bold;
    • font-size:1em;
    • line-height:140%;
    • font-family:”Lucida Grande”,sans-serif;

    可以缩写为一句:font:italic small-caps bold 1em/140% “Lucida Grande”,sans-serif;

    注意,如果你缩写字体定义,至少要定义font-size和font-family两个值。

    六、列表(lists)

    取消默认的圆点和序号可以这样写list-style:none;,

    list的属性如下:

    • list-style-type:square;
    • list-style-position:inside;
    • list-style-image:url(image.gif);

    可以缩写为一句:list-style:square inside url(image.gif);

    (摘自:http://www.w3cn.org/article/tips/2005/103.html   作者:阿捷 2005-4-8 15:28:00)

    展开全文
  • 常用CSS缩写规则语法

    2014-11-13 23:51:34
    16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1;property:va
  • 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:value1 ...
  • 这里写目录标题前端最常用的命名及规范网页内容类id的命名规则class的命名(1)颜色:使用颜色的名称或者16进制代码,如(2)字体大小,直接使用"font+字体大小"作为名称,如(3)对齐样式,使用对齐目标的英文名称,如(4)标题栏...
  • css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值...
  • CSS主要缩写规则

    2010-08-07 20:44:00
    css缩写的主要规则如下:颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369;盒尺寸 通常有下面四种书写方法:property:value1; 表示所有...
  • css的一些简写规则

    2009-06-02 16:23:00
    颜色16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#663399可以缩写为#639;2.盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1; property:value1 ...
  • 1.1:颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#ffffff可以缩写为#fff;#33dd66可以缩写为#3d6; 1.2 盒尺寸 盒模型的缩写刚开始比较难记,可以用顺时针来帮助记忆.通常有下面四种书写方法:...
  • css缩写的主要规则如下:颜色16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1...
  • 网工:IPV6地址、NAT

    2020-10-17 11:07:42
    由于IPV4地址的枯竭,便出现了IPV6来替代现行的IPV4,IPV6地址长度为128为,通常写作八组,每组4位16进制数。 书写规则 八组中每组之间用:冒号隔开 任何一个16位段中起始的0不用写出来;例:2002:0db8:85a3:08d3:...
  • 常用CSS缩写语法总结

    2020-09-27 19:43:46
    使用缩写可以帮助减少你...css缩写的主要规则如下:颜色16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法: property:value1; 表示
  • 常用CSS缩写语法总结 2009-05-20 10:39 使用缩写可以帮助减少你CSS文件的大小更加容易阅读 css缩写的主要规则如下 颜色 16进制的色彩值如果每两位的值相同可以缩写一半例如 #000000可以缩写为#000; #336699可以缩写...
  • 常用CSS缩写语法总结 使用缩写可以帮助减少你CSS文件的大小,... 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方...
  • 2.任何一个16位段如果少于4个16进制的数字,那么就认为忽略书写的数字是起始的0;3.任何由全0组成的1个或多个16位段的单个连续的字符串都可以用一个双冒号“::”表示。4.双冒号只能使用一次,否则会出现混淆。 ...
  • java 基本概念

    2014-11-01 12:52:19
    Java基础课笔记Java三大特性:封装:将变化隔离;便于使用;... c) 对对象的封装eg: 单例模型继承: (1)书写规则: class extends 继承特性:a) eg : public class Student extends Peop
  • 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; proper...
  • css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是...
  • css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是...
  • 使用缩写可以帮助减少你CSS文件的大小,更加...16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:valu...
  • 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:value1 ...
  •  16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:  #000000可以缩写为#000;#336699可以缩写为#369;  盒尺寸  通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1;...

空空如也

空空如也

1 2 3 4 5 ... 9
收藏数 174
精华内容 69
关键字:

16进制书写规则