文章目录

  • 一、字体相关属性
    • 1.1 设置字体样式
    • 1.2 设置字体大小
    • 1.3 设置字体粗细
    • 1.4 设置文字样式
  • 二、文本相关属性
    • 2.1 设置文本颜色
    • 2.2 设置文本对齐
    • 2.3 设置文本装饰
    • 2.4 设置文本缩进
    • 2.5 设置行高
  • 三、背景相关属性
    • 3.1 设置背景颜色
    • 3.2 设置背景图片
    • 3.3 设置背景平铺
    • 3.4 设置背景位置
    • 3.5 设置背景尺寸
  • 四、有关圆角矩形

CSS中的元素属性多且杂,想要熟练掌握CSS,常用的元素属性需要进行牢记,多多加以应用,熟能生巧

(CSS 参考手册 (w3school.com.cn))

参考手册中涵盖的元素属性非常之多,除了常用的元素属性外,其余的并不需要都进行记忆,只需要在需要使用的时候进行查阅资料即可。

一、字体相关属性

1.1 设置字体样式

设置字体样式的属性名为font-family

  • 设置字体样式的方式可以是中文,也可以是英文(一般来说用英文较多),且最好是比较常见的字体
  • 如果英文字体中有空格的出现需要用引号将字体名包裹
  • 可以设置多个字体,用逗号将字体分隔开,如果从前向后找字体都以失败告终,将会使用默认的字体

快速拿捏CSS中的常用的元素属性相关推荐

  1. [css] css中最常用的字体有哪些?你是怎么选择字体的?

    [css] css中最常用的字体有哪些?你是怎么选择字体的? 总结: win:微软雅黑为Win平台上最值得选择的中文字体,但非浏览器默认,需要设置:西文字体的选择以Arial.Tahoma等无衬线字体 ...

  2. CSS中的颜色值与颜色属性

    文章目录 颜色模型 CSS颜色值的类型 颜色名称 rgb[a] rgba的新写法 CSS元素的透明度 hex十六进制值 hsl[a] 颜色值关键字 transparent currentColor C ...

  3. CSS中position的几个属性值

    CSS中position的几个属性值 position的四种取值 :     static:static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定 ...

  4. css4个伪元素,CSS_CSS3中的content属性使用示例,CSS中主要的伪元素有四个:befo - phpStudy...

    CSS3中的content属性使用示例 CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个conte ...

  5. 如何使用jquery修改css中带有!important的样式属性

    <div class="test">使用jquery修改css中带有!important的样式属性</div> 外部样式为: div.test{width: ...

  6. CSS中border的所有样式属性

    CSS中border的所有样式属性 1.solid:实线 使用方法:border:solid 1px #000; 我发现border:1px solid #000;和border:solid 1px ...

  7. Web前端,CSS中关于块级元素、行内元素、行内块元素、元素显示模式转换、CSS特性继承性和层叠性、普通导航和五彩导航的制作

    前言 持续总结输出中,今天分享的是Web前端,CSS中关于块级元素.行内元素.行内块元素.元素显示模式转换.CSS特性继承性和层叠性 1.块级元素 特点: 独占一行(一行只能显示一个) 宽度默认是父元 ...

  8. html中的元素 英文,HTML 常用标签元素属性名英文书写

    HTML 常用标签元素属性名英文书写 头: header 内容: content/containe 尾: footer 导航: nav 侧栏: sidebar 栏目: column 页面外围控制整体布 ...

  9. 实操代码带你理解CSS中的常用选择器(你值得掌握!)

    在CSS中,我们要给一个元素定义样式,首先得把这个元素选出来,我在网上看了很多文章,再结合老师所讲的精华部分将平时比较常用的选择器整理出来分享给大家,哈哈哈一起学习一起进步! https://blog ...

最新文章

  1. java 反射遍历_java使用反射遍历类的字段
  2. ICCV 2017 《Towards End-to-End Text Spotting with Convolutional Recurrent Neural Network》论文笔记
  3. fgets()与gets()的区别
  4. Django(part2)--创建项目与Django目录结构
  5. 什么是 constructor signature in interface
  6. springboot 获取客户端ip_JAVA如何获取客户端IP地址和MAC地址
  7. 【JS】实时监控页面,input框数值自动求和
  8. 深度优先搜索——迷宫(洛谷 P1605)
  9. 73. 文件上传(2)
  10. 《学习openCV》例程解析 ex_9_3(codeBook模型实现背景减除)
  11. Mac利用pd来安装虚拟机win7系统。
  12. DDOS攻击器常见的三种方式
  13. word文档如何画线条流程图_word怎么画图,如何用word制作流程图
  14. 误入 GitHub 游戏区,结果意外地收获颇丰
  15. 关于计算机物联网的文章,物联网认识论文3000字_关于物联网认识论文3000字_物联网导论论文3000字...
  16. python导入库关键词_怎么样导入RobotFramework 自定义关键字(库文件)
  17. 网站服务器垃圾清理,服务器安全狗垃圾清理功能操作教程
  18. el-upload自定义文件列表
  19. [激光原理与应用-22]:《激光原理与技术》-8- 激光产生技术-选模技术:横模、纵模
  20. wampserver局域网可以访问在线状态下的本地网站

热门文章

  1. Android添加apn的方法
  2. 微信小程序项目初始化配置
  3. 计算机考研ipad有必要买吗,考研有必要买平板吗?
  4. python--实现微信自动回复机器人和定时发送每日一句与天气预报
  5. 计算机要通过手机传播,教你一个手机电脑互传功能的小妙招,比蓝牙传输快千倍...
  6. 植物2 IOS 怎么实名认证_身份证被别人抖音实名认证怎么找回?
  7. Wiley:International Journal for Numerical Methods in Biomedical Engineering投稿流程
  8. [编程题]毕业旅行问题
  9. python的fopen函数_linux c函数(fgets,fputs,fopen)
  10. Navigation区域导航