当前位置: 首页 > news >正文

css常用属性

 

去除列表样式:list-style: none;

去除超链接下划线:text-decoration: none;

字体大小:font-size

字体粗细:font-weight

文字倾斜:font-style(正常(默认值):normal,倾斜:italic)

字体系列:font-family

字体font相关属性的连写:font:style weight size family;

文本缩进:text-indent(1em = 一个字的大小)

文本水平对齐:text-align

文本修饰:text-decoration(underline下划线(常用)、line-through删除线)

行高:line-height

背景色:background-color

背景图片:background-image

背景平铺:background-repeat(repeat:(默认值)水平和垂直方向都平铺 ,no-repeat:不平铺,repeat-x:沿着水平方向平铺,repeat-y:沿着垂直方向平铺)

背景位置:background-position

背景相关属性连写:background:color image repeat postion

内边距:padding

外边距:margin

边框:border

浮动:float

定位:position

垂直对齐方式:vertical-align

光标类型:cursor

边框圆角:border-radius

溢出部分显示:overflow

透明:opacity

边框合并:border-collapse:collapse

设置背景图片的大小:background-size: 宽度 高度;

background连写:background: color image repeat position/size;

盒子阴影:box-shadow

过渡:transition :all 1s

位移:transform: translate(水平移动距离,垂直移动距离);

旋转:transform:rotata(角度); 角度单位是deg

多重转换(旋转+位移):transform:translate() rotate();

缩放:transform:scale(缩放倍数);

渐变:background-image: linear-gradien{颜色1,颜色2}

主轴对齐方式:justify-content

侧轴对齐方式:align-items

控制某个弹性盒子在侧轴的对齐方式:align-self

伸缩比:flex : 值;

相关文章:

  • 【Android】Android Binder进程间通信AIDL示例与过程分析
  • C#教程 - 模式匹配(Pattern matching)
  • 动手学习深度学习 05:深度学习计算
  • 状体模式-优雅解决物流状态
  • CTF之加密解密训练
  • gnome-terminal用法解析
  • ceres优化库的使用
  • TypeScript基础教程
  • docker安装Jenkins配置cicd
  • MQTT android配置
  • wPDF v5支持并改进旋转文本的逻辑
  • <Linux复习>基本指令及重要热键
  • html扩展名命名规范
  • docker学习-入门篇
  • 按位与最大的最长连续子数组
  •  D - 粉碎叛乱F - 其他起义
  • Docker: 容器互访的三种方式
  • HTTP--网络协议分层,http历史(二)
  • JavaScript 基本功--面试宝典
  • JS变量作用域
  • Lucene解析 - 基本概念
  • 阿里云爬虫风险管理产品商业化,为云端流量保驾护航
  • 分享几个不错的工具
  • 使用iElevator.js模拟segmentfault的文章标题导航
  • 一道闭包题引发的思考
  • 源码安装memcached和php memcache扩展
  • 阿里云API、SDK和CLI应用实践方案
  • 没有任何编程基础可以直接学习python语言吗?学会后能够做什么? ...
  • (1)SpringCloud 整合Python
  • (2)MFC+openGL单文档框架glFrame
  • (Git) gitignore基础使用
  • (二十四)Flask之flask-session组件
  • (附源码)计算机毕业设计ssm电影分享网站
  • (已解决)什么是vue导航守卫
  • (转)【Hibernate总结系列】使用举例
  • (转载)深入super,看Python如何解决钻石继承难题
  • **PyTorch月学习计划 - 第一周;第6-7天: 自动梯度(Autograd)**
  • *p=a是把a的值赋给p,p=a是把a的地址赋给p。
  • .dwp和.webpart的区别
  • .NET 4.0网络开发入门之旅-- 我在“网” 中央(下)
  • .net FrameWork简介,数组,枚举
  • .NET 设计一套高性能的弱事件机制
  • .NET设计模式(2):单件模式(Singleton Pattern)
  • .pings勒索病毒的威胁:如何应对.pings勒索病毒的突袭?
  • [ vulhub漏洞复现篇 ] Hadoop-yarn-RPC 未授权访问漏洞复现
  • [ web基础篇 ] Burp Suite 爆破 Basic 认证密码
  • [BJDCTF2020]The mystery of ip1
  • [BZOJ 1040] 骑士
  • [C++]unordered系列关联式容器
  • [Django ]Django 的数据库操作
  • [Flex][问题笔记]TextArea滚动条问题
  • [Hadoop in China 2011] Hadoop之上 中国移动“大云”系统解析
  • [hdu 1247]Hat’s Words [Trie 图]
  • [HTML]Web前端开发技术18(HTML5、CSS3、JavaScript )HTML5 基础与CSS3 应用——喵喵画网页
  • [JavaWeb玩耍日记]Maven的安装与使用