首页 > 其他分享 >前端技术对css属性的学习

前端技术对css属性的学习

时间:2024-11-19 22:56:28浏览次数:1  
标签:font 设置 text 前端 字体 background 文本 css 属性

css属性


目录

文本

属性 说明 CSS
color 设置文本的颜色 1
direction 规定文本的方向 / 书写方向 2
letter-spacing 设置字符间距 1
line-height 设置行高 1
text-align 规定文本的水平对齐方式 1
text-decoration 规定添加到文本的装饰效果 1
text-indent 规定文本块首行的缩进 1
text-transform 控制文本的大小写 1
unicode-bidi 2
vertical-align 设置元素的垂直对齐方式 1
white-space 设置怎样给一元素控件留白 1
word-spacing 设置单词间距 1
text-emphasis 向元素的文本应用重点标记以及重点标记的前景色。 1
hanging-punctuation 指定一个标点符号是否可能超出行框 3
punctuation-trim 指定一个标点符号是否要去掉 3
text-align-last 当 text-align 设置为 justify 时,最后一行的对齐方式。 3
text-justify 当 text-align 设置为 justify 时指定分散对齐的方式。 3
text-outline 设置文字的轮廓。 3
text-overflow 指定当文本溢出包含的元素,应该发生什么 3
text-shadow 为文本添加阴影 3
text-wrap 指定文本换行规则 3
word-break 指定非CJK文字的断行规则 3
word-wrap 设置浏览器是否对过长的单词进行换行。 3

字体

属性 说明 CSS
font 在一个声明中设置所有字体属性 1
font-family 规定文本的字体系列 1
font-size 规定文本的字体尺寸 1
font-style 规定文本的字体样式 1
font-variant 规定文本的字体样式 1
font-weight 规定字体的粗细 1
@font-face 一个规则,允许网站下载并使用其他超过"Web- safe"字体的字体 3
font-size-adjust 为元素规定 aspect 值 3
font-stretch 收缩或拉伸当前的字体系列 3

背景

属性 描述 CSS
background 复合属性。设置对象的背景特性。 1
background-attachment 设置或检索背景图像是随对象内容滚动还是固定的。必须先指定background-image属性。 1
background-color 设置或检索对象的背景颜色。 1
background-image 设置或检索对象的背景图像。 1
background-position 设置或检索对象的背景图像位置。必须先指定background-image属性。 1
background-repeat 设置或检索对象的背景图像如何铺排填充。必须先指定background-image属性。 1
background-clip 指定对象的背景图像向外裁剪的区域。 3
background-origin S设置或检索对象的背景图像计算background-position时的参考原点(位置)。 3
background-size 检索或设置对象的背景图像的尺寸大小。 3

标签:font,设置,text,前端,字体,background,文本,css,属性
From: https://www.cnblogs.com/BingBing-8888/p/18555812

相关文章

  • 圣诞老人html-css和js没发奥
    <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Jinglebellsrock!</title><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.......
  • 2025年前端面试准备css篇
    1.css盒子模型css包含了内容(content),内边距(padding),边框(border),外边距(margin)等因素。css标准盒子模型宽包括:margin+border+padding+widthIE盒子模型的宽包括:border+padding+width 2.css选择器优先级id选择器:#main{}class选择器:.main{}......
  • 【前端基础】1.CSS文件的加载和解析顺序
    HTML中,使用<link>标签先后加载两个CSS文件,其加载和解析顺序主要遵循以下规则:      CSS文件的加载与解析在现代浏览器中是边加载边解析的过程,而不是等所有CSS文件加载完毕后再进行解析。1.加载顺序:CSS文件按照<link>标签在HTML中的书写顺序加载。......
  • 前端必知必会-JavaScript 迭代器
    文章目录JavaScript可迭代对象ForOf循环迭代对字符串进行迭代遍历数组遍历集合在Map上进行迭代JavaScript迭代器自制可迭代对象总结JavaScript可迭代对象可迭代对象是可迭代对象(如数组)。可以使用简单高效的代码访问可迭代对象。可以使用for…of循环对可......
  • 【面试经验】美团 前端开发 秋招正式批 共三面凉经
    部门:金融服务(貌似是支付相关)时间:笔试完三天约面一面:实习及项目相关了解微前端吗微前端怎么匹配子应用qiankun框架和其它微前端框架隔离策略的不同之处qiankun为什么要求子应用打包是umd格式umd、CommonJS、ESModules有什么区别reactfiber原理react18有什么更新......
  • 【面试经验】eBay 前端日常实习
    #软件开发笔面经#1.自我介绍2.你是怎么学前端的?3.自己挑一个简历上的项目来介绍4.聊团队开发,功能设计,部署上线5.项目最核心的一个用户流程是怎么样的?6.聊市面上的竞品项目,发现哪些问题,可以如何去优化7.用英文问两个问题,要求用英文回答(听不懂)----第二......
  • 前端请求之ajax、axios、fetch
    Ajax、Axios、Fetch的详细讲解和比较本人在学习js中一直很对请求的方式不是很理解,因此也做了一篇请求的总结,希望对大家有帮助在现代Web开发中,进行HTTP网络请求的三种常见方式分别是Ajax(基于jQuery)、Axios(第三方库)和Fetch(原生API)。以下是对它们的详细分析,结合代码......
  • Web前端学习笔记三:准备开发环境
    1.安装编辑器和浏览器编辑器选择:VisualStudioCode;下载链接:VisualStudioCode-CodeEditing.Redefined 。浏览器选择:GoogleChrome网络浏览器2.下载插件汉化:chinese打开网页:openinbrowser3.设置默认浏览器控制面板——默认程序——设置默认程序——Web浏览......
  • 【前端开发】新建一个vue项目
    一、创建项目(前提:安装node,安装VisualStudioCode)Node官网VSCode1.选择一个空文件夹2.Shift+右击,打开Powershell【Vite官网指导:ViteGuide】3.命令行创建项目npmcreatevite@latest(1)创建项目名字选框架(2)选语言开发(3)下载脚手架运行Ctrl点击链接就ok了......
  • 【Vue2】计算属性computed究竟有什么魅力?
    前言        在Vue2的体系中,计算属性computed可谓是一个十分重要的工具,不仅能够帮助我们简化计算逻辑,而且能够优化应用的性能,相关问题在面试中也经常被问到。那么computed计算属性究竟有什么魅力呢,接下来随作者一起进入computed相关知识的分享吧!概念规则定义  ......