精华内容
下载资源
问答
  • 如果您像我一样,有时必须将颜色或文本大小的十六进制代码保存在可以访问和重复使用的位置。 在本文中,我将分享有关如何使用CSS变量优化CSS的知识。 CSS变量是我们定义为可在整个CSS文档中重复使用的值。 CSS变量...

    您是否曾经不得不编写大量CSS,却迷失了自己的代码? 如果您像我一样,有时必须将颜色或文本大小的十六进制代码保存在可以访问和重复使用的位置。 在本文中,我将分享有关如何使用CSS变量优化CSS的知识。 CSS变量是我们定义为可在整个CSS文档中重复使用的值。 CSS变量(也称为自定义属性)在一个位置设置并在许多位置引用,就像您将设置变量并以其他编程语言引用一样。

    声明一个自定义变量

    这里的要点是如何声明变量以及如何访问它们。 CSS中的变量是通过以两个破折号开头,后跟变量名来定义的。 这是一个如何在CSS中声明自定义变量的示例。

    :root {
      --main-color : #54BBCE ;
    }

    在根选择器中设置变量非常有用,因为它使我们能够在整个文档中访问它。 我们可以在选择器中定义它,但是它将仅对该选择器可用,这将无用。

    如何使用自定义变量?

    定义自定义变量后,我们下一步可以在代码的另一部分中使用它。 要使用自定义变量,我们使用关键字var()。

    .menu {
      width : 100% ;
      background-color : var (--main-color);
    }

    我们用于访问自定义变量的var关键字有两个参数。 第一个是要替换的自定义属性的名称,第二个是回退值,当引用的自定义属性无效时使用该值。

    .menu {
      width : 100% ;
      background-color : var (--main-color, #999AAA);
    }

    无效的属性和后备

    如下面的示例中所示,当我们替换无效的属性时,将使用该属性的初始值或继承的值。

    :root {
      --main-color : #da68aa ;
      --tag-text : 12px ;
    }
    ...
    .author {
      color : red;
    }
    ...
    .author-tag {
      color : var (--tag-text);
    }

    具有.author-tag类的元素的颜色将为红色,因为提供给var的属性无效。

    下面我们有一个使用CSS自定义变量且不包含CSS自定义变量的示例。 所写代码的行数大大减少了。

    具有自定义属性的CSS

    :root {
      --main-color : #da68aa ;
      --tag-text : 12px ;
    }
    body {
      font-family : sans-serif;
    }
    .menu {
      width : 100% ;
      background-color : var (--main-color);
    }
    .menu ul {
      width : 100% ;
    }
    .menu ul li {
      display : inline-block;
      color : #ebeae6 ;
      width : 20% ;
    }
    
    .welcome h1 {
      color : var (--main-color);
    }
    .author {
      color : red;
    }
    .author img {
      width : 20% ;
      border : 2px solid #0269adc5 ;
    }
    .author-tag {
      color : var (--tag-text);
    }
    
    button {
      border : none;
      padding : 5px ;
      border : 1px solid var (--color, black);
    }
    button :hover {
      background-color : var (--color);
    }
    .php {
      --color : blue;
    }
    .ruby {
      --color : red;
    }
    .js {
      --color : rgb (131, 245, 1);
    }
    .react {
      --color : rgb (1, 135, 245);
    }
    

    没有自定义属性的CSS

    :root {
      --main-color : #da68aa ;
      --tag-text : 12px ;
    }
    body {
      font-family : sans-serif;
    }
    .menu {
      width : 100% ;
      background-color : var (--main-color);
    }
    .menu ul {
      width : 100% ;
    }
    .menu ul li {
      display : inline-block;
      color : #ebeae6 ;
      width : 20% ;
    }
    
    .welcome h1 {
      color : var (--main-color);
    }
    .author {
      color : red;
    }
    .author img {
      width : 20% ;
      border : 2px solid #0269adc5 ;
    }
    .author-tag {
      color : var (--tag-text);
    }
    
    button .php {
      border : none;
      padding : 5px ;
      border : 1px solid blue;
    }
    button .ruby {
      border : none;
      padding : 5px ;
      border : 1px solid red;
    }
    button .js {
      border : none;
      padding : 5px ;
      border : 1px solid rgb (131, 245, 1);
    }
    button .react {
      border : none;
      padding : 5px ;
      border : 1px solid rgb (1, 135, 245);
    }
    
    .php :hover {
      background-color : blue;
    }
    
    .ruby :hover {
      background-color : red;
    }
    .js :hover {
      background-color : rgb (131, 245, 1);
    }
    .react :hover {
      background-color : rgb (1, 135, 245);
    }
    

    当我们充分利用Custom属性时,我们可以减小CSS文件的大小。 它还可以简化大型文档的访问和更改。 使用值就像引用属性名称一样容易。
    我们对CSS变量几乎无能为力,但是,因为它是CSS的一部分,所以您无需安装任何东西即可使用它。

    展开全文
  • 如果您像我一样,有时您必须将颜色或文本大小的十六进制代码保存在可以访问和重复使用的位置。 在本文中,我将分享有关如何使用CSS变量优化CSS的知识。 CSS变量是我们定义的值,可在整个CSS文档中重复使用。 CSS...

    css使用变量

    您是否曾经不得不编写大量CSS,却迷失了自己的代码? 如果您像我一样,有时您必须将颜色或文本大小的十六进制代码保存在可以访问和重复使用的位置。 在本文中,我将分享有关如何使用CSS变量优化CSS的知识。 CSS变量是我们定义的值,可在整个CSS文档中重复使用。 CSS变量(也称为自定义属性)在一个位置设置并在许多位置引用,就像您将设置变量并以其他编程语言引用一样。

    声明一个自定义变量

    这里的要点是如何声明变量以及如何访问它们。 CSS中的变量是通过以两个破折号开头,后跟变量名称来定义的。 这是一个如何在CSS中声明自定义变量的示例。

    :root {
      --main-color : #54BBCE ;
    }

    在根选择器中设置变量非常有用,因为它使我们能够访问整个文档。 我们可以在选择器中定义它,但是它将仅对该选择器可用,这将无用。

    如何使用自定义变量?

    定义自定义变量后,我们下一步可以在代码的另一部分中使用它。 要使用自定义变量,我们使用关键字var()。

    .menu {
      width : 100% ;
      background-color : var (--main-color);
    }

    我们用于访问自定义变量的var关键字有两个参数。 第一个是要替换的定制属性的名称,第二个是后备值,当引用的定制属性无效时使用该值。

    .menu {
      width : 100% ;
      background-color : var (--main-color, #999AAA);
    }

    无效的属性和后备

    如下面的示例中所示,当我们替换无效的属性时,将使用该属性的初始值或继承的值。

    :root {
      --main-color : #da68aa ;
      --tag-text : 12px ;
    }
    ...
    .author {
      color : red;
    }
    ...
    .author-tag {
      color : var (--tag-text);
    }

    具有.author-tag类的元素的颜色将为红色,因为提供给var的属性无效。

    下面我们有一个使用CSS自定义变量且不包含CSS自定义变量的示例。 编写的代码行数大大减少了。

    具有自定义属性CSS

    :root {
      --main-color : #da68aa ;
      --tag-text : 12px ;
    }
    body {
      font-family : sans-serif;
    }
    .menu {
      width : 100% ;
      background-color : var (--main-color);
    }
    .menu ul {
      width : 100% ;
    }
    .menu ul li {
      display : inline-block;
      color : #ebeae6 ;
      width : 20% ;
    }
    
    .welcome h1 {
      color : var (--main-color);
    }
    .author {
      color : red;
    }
    .author img {
      width : 20% ;
      border : 2px solid #0269adc5 ;
    }
    .author-tag {
      color : var (--tag-text);
    }
    
    button {
      border : none;
      padding : 5px ;
      border : 1px solid var (--color, black);
    }
    button :hover {
      background-color : var (--color);
    }
    .php {
      --color : blue;
    }
    .ruby {
      --color : red;
    }
    .js {
      --color : rgb (131, 245, 1);
    }
    .react {
      --color : rgb (1, 135, 245);
    }
    

    没有自定义属性CSS

    :root {
      --main-color : #da68aa ;
      --tag-text : 12px ;
    }
    body {
      font-family : sans-serif;
    }
    .menu {
      width : 100% ;
      background-color : var (--main-color);
    }
    .menu ul {
      width : 100% ;
    }
    .menu ul li {
      display : inline-block;
      color : #ebeae6 ;
      width : 20% ;
    }
    
    .welcome h1 {
      color : var (--main-color);
    }
    .author {
      color : red;
    }
    .author img {
      width : 20% ;
      border : 2px solid #0269adc5 ;
    }
    .author-tag {
      color : var (--tag-text);
    }
    
    button .php {
      border : none;
      padding : 5px ;
      border : 1px solid blue;
    }
    button .ruby {
      border : none;
      padding : 5px ;
      border : 1px solid red;
    }
    button .js {
      border : none;
      padding : 5px ;
      border : 1px solid rgb (131, 245, 1);
    }
    button .react {
      border : none;
      padding : 5px ;
      border : 1px solid rgb (1, 135, 245);
    }
    
    .php :hover {
      background-color : blue;
    }
    
    .ruby :hover {
      background-color : red;
    }
    .js :hover {
      background-color : rgb (131, 245, 1);
    }
    .react :hover {
      background-color : rgb (1, 135, 245);
    }
    

    当我们充分利用Custom属性时,我们可以减小CSS文件的大小。 它还可以简化大型文档之间的访问和更改。 使用值就像引用属性名称一样容易。
    CSS变量几乎无济于事,但是,由于CSS变量是CSS的一部分,因此您无需安装任何程序即可使用它。

    翻译自: https://hackernoon.com/optimize-your-css-length-with-css-variables-mz2i3aqy

    css使用变量

    展开全文
  • Android笔记 ​ ——各类控件的使用...超出文本长度时,如何显示(none 做任何处理;start 开始处截断;middle 中间处阶段;end 末尾处阶段;marquee 滚动动画) marqueeRepeatLimit 设置marquee动画重复次数

    Android笔记

    ​ ——各类控件的使用(控件)-文本框
    若对该知识点有更多想了解的,欢迎私信博主~~

    文本框:TextView

    属性:
    XML属性 说明
    layout_width 布局宽度
    layout_height 布局高度
    ellipsize 超出文本长度时,如何显示(none 不做任何处理;start 开始处截断;middle 中间处阶段;end 末尾处阶段;marquee 滚动动画)
    marqueeRepeatLimit 设置marquee动画重复次数
    text 文本值
    textColor 字体颜色
    textSize 字体大小
    textStyle 字体风格
    fontFamily 字体样式
    gravity 文本框内对其方式
    layout_gravity 相对父容器对其方式
    password 密码框
    singleLine 单行文本
    background 设置文本框背景
    ems 一行可以排列的字数
    lineSpacingExtra 行间距
    方法:
    常用方法 说明
    getText() 获取文本框值
    setText() 设置文本框值
    setTextColor() 设置文本颜色
    高级用法:跑马灯效果
    1. xml内代码

      <TextView
                  android:id="@+id/txt"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  android:layout_gravity="center"
                  android:ellipsize="marquee"//滚动显示(关键)
                  android:marqueeRepeatLimit="marquee_forever"//永久循环(关键)
                  android:singleLine="true"//单行文本(关键)
                  android:text="      沈海高速胶州、莱西服务器封闭施工通知                       "
                  android:textColor="#000"
                  android:gravity="center"
                  android:textSize="48sp"
                  android:textStyle="bold"/>
      
    2. Activity内代码

      private TextView marquee;
          @Override
          protected void onCreate(Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              setContentView(R.layout.activity_main1);
      
              //绑定控件
              marquee=findViewById(R.id.txt);
              //跑马灯效果打开
              marquee.setSelected(true);
          }
      
    3. 注意事项

      1. 文本的长度必须大于文本框的长度
      2. 文本框必须设置为单行文本
    高级用法:解析HTML格式
    例子:
    			String word="<font color='#FF0000'>起点:</font>";
    			txt.setText(Html.fromHtml(word));
    
    展开全文
  •  android:maxLength限制显示的文本长度,超出部分显示。  android:lines设置文本的行数,设置两行就显示两行,即使第二行没有数据。  android:maxLines设置文本的最大显示行数,与width或者layout_width结合...
  • HTTP消息

    2020-08-18 20:33:05
    浏览器通常使用MIME类型(不是文件扩展名)来确定如何处理文档,因此服务器设置正确以将正确的MIME类型附加到响应对象的头部是非常重要的 text:表示文件时普通文本 image:表示某种图像 audio:表明是某种音频文件 ...

    MIME类型

    多用途internet邮件扩展类型,是一种标准化的方式来表示文档的性质和格式

    • 浏览器通常使用MIME类型(不是文件扩展名)来确定如何处理文档,因此服务器设置正确以将正确的MIME类型附加到响应对象的头部是非常重要的
    • text:表示文件时普通文本
    • image:表示某种图像
    • audio:表明是某种音频文件
    • video:表明是某种视频文件
    • application:表明某种二进制数据

    HTTP/2.0

    HTTP/1.0报文上的一些缺点

    • 消息头不像消息主体一样被压缩(长度)
    • 重复传输问题
    • 无法复用

    HTTP/2.0引入一个额外的步骤,将HTTP/1.0消息分成帧并嵌入到流(stream)中

    请求头

    允许客户端向服务器端传递附加信息,请求头由名称(不区分大小写)后跟一个冒号“:”,冒号后跟具体的值(不带换行符)组成

    • 通用头:同时适用请求和响应消息
    • 请求头:只能用在请求消息
    • 实体头:包含有关实体主体的更多信息
      在这里插入图片描述

    请求主体

    请求消息的最后一部分是请求主体

    • 不是所有的请求都需要请求主体,例如GET、HEAD、DELETE不需要请求主体

    • 有些请求将数据发送到服务器以便更新数据
      请求主体分类:

    • 单一资源主体

    • 多资源主体

    起始行

    • 请求方法:描述要执行的动作
    • 请求地址:通常是一个URL,或者是协议、端口和域名的绝对路径
    • HTTP版本:定义了剩余报文的结构,作为对期望的响应版本的指示符

    请求方法

    面试题:

    • 最常用的请求方法是GET和POST
    • 常见的请求方法至少有7种
    • 请求方法不止7中
    • 不常用:TRACE、PATCH
      在这里插入图片描述

    响应头(同请求头)

    允许服务器端向客户端传递附加信息
    在这里插入图片描述

    响应主体(同请求主体)

    HTTP报文

    是服务器和客户端之间交换数据的方式

    两种类型的消息:

    • 请求消息:由客户端发送用来触发一个服务器上的动作
    • 响应消息:来自服务器的应答

    HTTP请求报文

    请求方法(Method)、要获取的资源路径、HTTP协议版本号、表达其它信息的可选头部headers(请求头部)
    在这里插入图片描述

    HTTP响应报文

    HTTP协议版本号、一个状态码、一个状态信息、HTTPheaders(响应头部)以及包含获取的资源body

    在这里插入图片描述

    HTTP消息

    结构

    1. start line:开始行
    2. HTTP headers:头
    3. empty line:空行
    4. body:正文
      起始行和HTTP消息中的HTTP头统称为“请求头”。而其有效负载被称为“消息正文”

    请求消息与响应消息

    在这里插入图片描述

    状态行

    HTTP响应消息的起始行被称为状态行

    • 协议版本
    • 状态码:表明请求是成功还是失败
    • 状态文本

    状态码

    信息响应

    在这里插入图片描述

    成功响应

    在这里插入图片描述

    重定向

    dMCT91.png

    客户端响应

    在这里插入图片描述

    服务器端响应

    在这里插入图片描述

    展开全文
  • C#编程经验技巧宝典

    热门讨论 2008-06-01 08:59:33
    4 <br>0009 设置Windows应用程序启动窗体 5 <br>0010 设置Web应用程序起始页 5 <br>0011 如何设置程序的出错窗口 5 <br>0012 如何进行程序调试 6 <br>0013 如何结束能正常运行的程序 ...
  • 数组长度 line0.GetLength(1) 数组赋值 可以从一个已经赋值的数组 array2 向未赋值的同等数组 array1 赋值,用 array1=array2; 这时,array1 就变成和 array2 一样的数组了。 集合 集合的使用 集合可以看成是可以...
  • 正则表达式经典实例.pdf

    热门讨论 2013-01-26 15:14:37
    4.9 限制文本长度 4.10 限制文本中的行数 4.11 肯定响应的检查 4.12 社会安全号码的合法性验证 4.13 ISBN的合法性验证 4.14 ZIP代码的合法性验证 4.15 加拿大邮政编码的合法性验证 4.16 英国邮政编码的合法性验证 ...
  • 正则表达式经典实例

    2014-07-11 14:39:05
    4.9 限制文本长度 4.10 限制文本中的行数 4.11 肯定响应的检查 4.12 社会安全号码的合法性验证 4.13 ISBN的合法性验证 4.14 ZIP代码的合法性验证 4.15 加拿大邮政编码的合法性验证 4.16 英国邮政编码的合法性...
  • 实例329 获取文本框内文本行数 实例330 文本框实现撤销功能 11.2 列表框、组合框控件应用 实例331 向列表框控件添加数据 实例332 利用ListBox控件实现标签式的数据选择 实例333 删除列表框中的复选数据 实例...
  • 实例329 获取文本框内文本行数 实例330 文本框实现撤销功能 11.2 列表框、组合框控件应用 实例331 向列表框控件添加数据 实例332 利用ListBox控件实现标签式的数据选择 实例333 删除列表框中的复选数据 实例...
  • VBA常用技巧

    2014-12-21 16:39:28
    技巧37 使用高级筛选获得不重复记录 12 技巧38 工作表的保护与解除保护 12 技巧39 奇偶页打印 12 第3章 Wordbook(工作簿)对象 12 技巧40 工作簿的引用方法 12 40-1 使用工作簿的名称 12 40-2 使用工作簿的索引号 ...
  • VBA编程技巧大全

    2013-08-05 09:03:19
    技巧37 使用高级筛选获得不重复记录 93 技巧38 工作表的保护与解除保护 94 技巧39 奇偶页打印 97 第3章 Wordbook(工作簿)对象 99 技巧40 工作簿的引用方法 99 40-1 使用工作簿的名称 99 40-2 使用工作簿的索引号 ...
  • 23.5.4 如何使迁移过程被SQL错误中断: 104 23.5.5 如何查找产生warnings的原因: 104 第24章 应急处理: 104 24.1 一般处理流程: 104 24.2 忘记root密码: 105 24.3 表损坏如何处理: 105 24.4 MyISAM表超过4G...
  • 9.11.3 对选中文本设置格式 201 9.11.4 自动为数字字符着色 203 9.11.5 换行自动设置背景颜色 204 9.12 浏览器 205 9.13 本章小结 210 第10章 SWT中的拖放支持 211 10.1 可拖放的树 211 10.2 拖放原理...
  • 9.11.3 对选中文本设置格式 201 9.11.4 自动为数字字符着色 203 9.11.5 换行自动设置背景颜色 204 9.12 浏览器 205 9.13 本章小结 210 第10章 SWT中的拖放支持 211 10.1 可拖放的树 211 10.2 拖放原理...
  • 9.11.3 对选中文本设置格式 201 9.11.4 自动为数字字符着色 203 9.11.5 换行自动设置背景颜色 204 9.12 浏览器 205 9.13 本章小结 210 第10章 SWT中的拖放支持 211 10.1 可拖放的树 211 10.2 拖放原理...
  • 9.11.3 对选中文本设置格式 201 9.11.4 自动为数字字符着色 203 9.11.5 换行自动设置背景颜色 204 9.12 浏览器 205 9.13 本章小结 210 第10章 SWT中的拖放支持 211 10.1 可拖放的树 211 10.2 拖放原理...
  • 9.11.3 对选中文本设置格式 201 9.11.4 自动为数字字符着色 203 9.11.5 换行自动设置背景颜色 204 9.12 浏览器 205 9.13 本章小结 210 第10章 SWT中的拖放支持 211 10.1 可拖放的树 211 10.2 拖放原理...
  • 9.11.3 对选中文本设置格式 201 9.11.4 自动为数字字符着色 203 9.11.5 换行自动设置背景颜色 204 9.12 浏览器 205 9.13 本章小结 210 第10章 SWT中的拖放支持 211 10.1 可拖放的树 211 10.2 拖放原理...
  • 9.11.3 对选中文本设置格式 201 9.11.4 自动为数字字符着色 203 9.11.5 换行自动设置背景颜色 204 9.12 浏览器 205 9.13 本章小结 210 第10章 SWT中的拖放支持 211 10.1 可拖放的树 211 10.2 拖放原理...
  • 9.11.3 对选中文本设置格式 201 9.11.4 自动为数字字符着色 203 9.11.5 换行自动设置背景颜色 204 9.12 浏览器 205 9.13 本章小结 210 第10章 SWT中的拖放支持 211 10.1 可拖放的树 211 10.2 拖放原理...
  • 9.11.3 对选中文本设置格式 201 9.11.4 自动为数字字符着色 203 9.11.5 换行自动设置背景颜色 204 9.12 浏览器 205 9.13 本章小结 210 第10章 SWT中的拖放支持 211 10.1 可拖放的树 211 10.2 拖放原理...
  • 9.11.3 对选中文本设置格式 201 9.11.4 自动为数字字符着色 203 9.11.5 换行自动设置背景颜色 204 9.12 浏览器 205 9.13 本章小结 210 第10章 SWT中的拖放支持 211 10.1 可拖放的树 211 10.2 拖放原理...
  • 9.11.3 对选中文本设置格式 201 9.11.4 自动为数字字符着色 203 9.11.5 换行自动设置背景颜色 204 9.12 浏览器 205 9.13 本章小结 210 第10章 SWT中的拖放支持 211 10.1 可拖放的树 211 10.2 拖放原理...
  • 您还可以定义返回的列表是否排序,是否删除重复值以及如何处理空值 @DbManager 返回当前对数据库有“管理者”存取权限的用户、群组和服务器的列表 @DbName 返回当前 Notes 服务器和数据库的名称 @DbTitle 返回当前...
  • C#全能速查宝典

    热门讨论 2014-04-26 16:16:27
    1.1.7 常量——值改变的量 9 1.1.8 Dispose方法——释放资源 10 1.1.9 迭代器——相同类型的值的有序序列的一段代码 10 1.1.10 泛型——处理算法和数据结构 11 1.1.11 分部类——将一个类分成几部分 12 1.1.12 is...
  • 实例218 使Button控件大小自动适应文本长度 实例219 得到鼠标焦点后自动放大的Button按钮 实例220 动态创建多个Button控件 11.2 TextBox控件应用 实例221 制作多行文本框 实例222 制作密码文本框 实例223 在...
  • 实例218 使Button控件大小自动适应文本长度 实例219 得到鼠标焦点后自动放大的Button按钮 实例220 动态创建多个Button控件 11.2 TextBox控件应用 实例221 制作多行文本框 实例222 制作密码文本框 实例223 在...
  • 实例218 使Button控件大小自动适应文本长度 实例219 得到鼠标焦点后自动放大的Button按钮 实例220 动态创建多个Button控件 11.2 TextBox控件应用 实例221 制作多行文本框 实例222 制作密码文本框 实例223 在...

空空如也

空空如也

1 2 3 4 5 ... 8
收藏数 158
精华内容 63
关键字:

如何设置文本长度不重复