常用属性 属性值

article/2025/10/31 2:49:47

文本属性(用来修饰文本)

1、font-size:数值+单位; 字体大小

           页面中默认字号大小为16px

2、font-family:字体名;

如果字体名为中文,引号可加可不加;如果字体名为一个英文单词,引号可不加;如果字体名为多个英文单词组成加引号,可设置多个字体,以便加载不出替换下一个,字体名与字体名间用逗号隔开。谷歌默认字体微软雅黑,IE低版本默认字体宋体。

3、color: ;

取值:

一个表示颜色的英文单词

#六位十六进制数值(1-9  a-f)

Rgb(red,green,blue)(0-255)

Rgba(red,green,blue,alpha透明度(0-1,0为完全透明,1为不透明))

4、font-weight: ; 字体加粗

取值:

      关键词取值:bold加粗;bolder更粗;normal默认正常显示(可以用来取消默认效果);lighter细体;

      数值(整百数值)取值:100-900;100为细体,400为正常,700-900为粗体;

5、font-style: ;字体倾斜

取值:

      Italic 字体倾斜(强调斜体字)

      oblique 字体倾斜(强调倾斜效果,具有强调性)

      normal 默认正常显示 可以用来取消默认效果

6、text-decoration: ;文本修饰线

取值:

         underline(添加下划线);none(取消下划线);line-through(添加中间线

          none(取消下划线):常用来取消超链接标签下面的下划线

7、首行缩进:text-indent:数值+单位;

8、text-align: ;文本水平对齐方式

      取值:left;center;right;justify(两端对齐,对单行文本不生效,对多行文本最后一行不生效)  

      9、line-height:数值+单位; 行高(行高=容器高可实现单行文本垂直居中;多行文本实现文本内容间距)    

10、字符间距:letter-spacing:数值+单位;

11、词间距:word-spacing:数值+单位;(应用于英文文本中)

12、更改字母大小写:text-transform:

        取值:

               uppercase-------大写

               lowercase-------小写

               capitalize-----单词首字母大写

列表属性:

list-style: ;

取值:none;去掉列表样式。

边框:元素的边缘

            属性:border:10px solid red;

            表示给元素添加宽度为10像素,实线红色的边框

      边框样式取值:

         solid实线;dashed虚线;dotted点状线;double双线;none没有边框;

        给元素某一个方向上添加边框

                border-方向词

                方向词:

                    top------上

                    right-----右

                    bottom-----下

                    left-------左

使用边框制作三角形

transparent代替颜色值为透明

       上下边框为透明,无右边框(容器宽高为0)

左右边框为透明,无下边框(容器宽高为0)

背景属性:

      background: ;

      background-color: ;

      background-images: url( );背景图引入;

background-repeat: ;

        repeat平铺;no-repeat不平铺;repeat-x横向平铺;repeat-y纵向平铺

  background-position: x  y ;(数值+单位)

    x为x轴上的位置

    y为y轴上的位置

  background-size:x  y;(数值+单位)

    x为背景图宽度

    y为背景图高度

关键词取值:

  cover;覆盖,保持图像的宽高比并将图像缩放成将完全覆盖背景定位区域。容器全部被覆盖,背景图多余地方被剪裁。(常用)

 contain;填充,保持图像的纵横比并将图像缩放成将背景定位区域某方向填满后不再缩放。容器会出现一侧留白。

background-attachment: ;

      取值:

       fixed;固定(相对于浏览器窗口固定)

       scroll; 滚动(默认,跟随当前容器内容滚动)

背景属性的简写方式background:red  url(img/img01.jpg)  no-repeat  left  bottom;

                                                    颜色       背景图             是否平铺      位置(x  y)


http://chatgpt.dhexx.cn/article/8BcOyxHK.shtml

相关文章

.39属性名和属性值

一、属性名 对象的属性名可以随便起,但使用特殊字符时,需要用下面的形式 语法:对象[属性名]属性值 输出时也要采用该种形式 这种形式,更加常用,并且可以直接传递变量 二、属性值 属性值可以为任意的数据类型&…

对象的属性名与属性值

注意共有5个步骤,按顺序操作下去 1.在对象中保存的值称为属性,对象的属性名不强制要求遵守标识符规则,什么名称都可以,我对象属性的语法:1对象.属性名,注意:如果对象中没有的属性,不…

关于HTML中的那些特殊字符

一些特殊的符号,我们在html 里面很难或者不方便直接使用,我们此时可以使用下面的替代代码。 虽然有很多,但是我们平时用的比较较少, 大家重点记住 空格 大于号 小于号 就可以了,剩下的回来查阅。 总结: 是…

python处理HTML特殊字符

提取html数据时遇到特殊字符的问题 ",<,>都被转换为特殊字符&#xff0c;导致html页面一团乱麻 通过各种百度&#xff0c;最终找到python的html包处理相关特殊字符 最终结果

怎么在html中加特殊符号,html中特殊符号

html中特殊符号: 教你用输入法打出任意特殊符号&#xff0c;缺失&#xff1a;html中3248/9 最近老有人问我这个符号怎么打&#xff0c;那个符号怎么打。 我每次回答的都是&#xff0c;你要打的是特殊符号&#xff0c;这种特殊符号不能用输入法打出来&#xff0c;需要借助一些工…

Html特殊字符表(建议收藏)

Html特殊字符表(建议收藏) 原始字符entity原始字符entity"&quot ;&&amp ;’&#039 ;<&lt ;>&gt ;&nbsp ;¡&iexcl ;¢&cent ;£&pound ;&curren ;&yen ;&brvbar ;&sect ;&uml ;©&…

最全的HTML特殊字符列表

最全的HTML特殊字符列表 松柏 2004-08-17 13:40:10 摘要&#xff1a;从 CSDN 上发现的&#xff0c;听说是最全的HTML特殊字符列表 Nonbreaking space ¡ ¡ ¡ Inverted exclamation ¢ ¢ ¢ Cent sign £ £ £ Pound sterling …

HTML特殊字符代码大全

速查表 在html中展示特殊字符&#xff0c;需要采用特殊的编码格式&#xff0c;以下对这些代码进行了整理&#xff0c;以备查阅。 动手测一测 把以下代码复制到一个txt文件中&#xff0c;然后将文件后缀txt改为html&#xff0c;在浏览器里试试看吧。 <!DOCTYPE html>…

HTML的特殊字符

平时写代码很少用到HTML的特殊字符&#xff0c;最常用的可能是 了&#xff0c;但有时在移动端为了节省时间&#xff0c;可能会用这些字符实现某种特殊效果&#xff0c;现整理如下&#xff1a; 使用方法&#xff1a; 这些字符属于unicode字符集&#xff0c;所以&#xff0c;你…

HTML中的特殊字符

在HTML页面中&#xff0c;有一些特殊的符号无法直接使用&#xff0c;我们可以使用下面的特殊字符来进行代替 在以上的特殊字符中我着重介绍一下空格、小于、大于这三个比较常用的字符 1. 空格符 在html中我们不能直接通过打空格的方式来隔开文字&#xff0c;而是应该在文字…

HTML特殊字符符号大全

HTML常用特殊字符&#xff1a; 只要你认识了 HTML 标记&#xff0c;你便会知道特殊字符的用处。

16进制字符串生成CRC-16/CCITT-FALSE校验码

/*** author yichuaniscas.ac.cn* version 1.0* date 2021/11/8 21:51*/ public class Crc {/*** CRC-16/CCITT-FALSE x16x12x51 算法** info* Name:CRC-16/CCITT-FAI* Width:16* Poly:0x1021* Init:0xFFFF* RefIn:False* RefOut:False* XorOut:0x0000** param hexString* para…

CRC-16/X25、CRC-16/CCITT_FALSE、CRC-16/XMODEM校验码

这几天做北斗定位设备的协议解析&#xff0c;需要进行CRC-16的校验&#xff0c;设备使用的参数模型是CRC-16/X25&#xff0c;本人使用的是Java语言&#xff0c;网上没找到关于CRC-16/X25 的Java版本&#xff0c;都是C语言的多。转换一下记录在这里&#xff0c;方便以后使用。CR…

CCAT介绍

全国信息化计算机应用技术资格认证CCAT介绍 CCAT是Certificate of Computer Application Techniques 的简称&#xff0c;中文全称是“全国信息化计算机应用技术资格认证”&#xff0c;是由国家人事部中国高级公务员培训中心和教育部全国高等学校计算机教育研究会共同推出的一种…

C#_CRC-16/CCITT-FALSE计算加判断

C#_CRC-16/CCITT-FALSE计算加判断 前言&#xff1a;浪费半天时间研究出来的&#xff0c;试了网上其他好几个版本都算了不对&#xff0c;讲述的也不明确&#xff0c;我是直接移植一个c语言的版本&#xff0c;直接看代码&#xff0c;一个函数包含计算和判断的工能 private bool …

CRC-CCITT CRC-16

CRC分为以下几种标准&#xff1a; CRC-12码CRC-16码CRC-CCITT码CRC-32码 在线CRC计算器 https://www.lammertbies.nl/comm/info/crc-calculation.html CRC计算器 http://www.pc6.com/softview/SoftView_100981.html CRC16 const uint16_t Table[256] {0x0000U, 0x1…

C语言CRC-16 CCITT格式校验函数

C语言CRC-16 CCITT格式校验函数 CRC-16校验产生2个字节长度的数据校验码&#xff0c;通过计算得到的校验码和获得的校验码比较&#xff0c;用于验证获得的数据的正确性。基本的CRC-16校验算法实现&#xff0c;参考&#xff1a; C语言标准CRC-16校验函数。 不同同应用规范通过…

LabVIEW做CRC校验CRC-16/CCITT-FALSE算法

一直以来用的CRC校验的地方就是Modbus通讯&#xff0c;这次做项目遇到一个自定义协议需要CRC校验的协议&#xff0c;直接连例程发现计算结果不对通讯不上。后来发现CRC有很多中算法&#xff0c;网上资料也不全面。以下是我收藏总结的&#xff0c;估计也不全仅供参考。 参数解释…

CRC16-ccitt-false 递归解析每一个号码段的值

CRC16-ccitt-false 解析每一个号码段的值 数据准备 加密前&#xff1a;6011qwertyuiopa62440007db2a65b0306qrcode043339912211117000000016304 CRC16-ccitt-false加密后&#xff1a;4023&#xff08;网上有加密工具类&#xff0c;也有线上计算工具&#xff0c;如下图&#xff…

文本图像(二值图像)(黑白图像)的压缩算法介绍 CCITT-4 JBIG2

CCITT group3 CCITT group4 JBIG JBIG2 参考&#xff1a; JBIG2标准在数字图书馆中的应用 https://www.docin.com/p-821587404.html