首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >css基础知识

css基础知识

作者头像
Meet相识
发布2018-09-12 16:35:11
3060
发布2018-09-12 16:35:11
举报
文章被收录于专栏:技术专栏技术专栏
  • 盒子模型
<!--使用弹性模型-->
display: flex;
<!--
    排列方向:
      column 垂直方向
      row 水平方向
-->
flex-direction: column;
  • 各种居中
<!--在容器内垂直居中,需作用在容器里的元素样式上-->
vertical-align: middle;
<!--使容器内的元素水平居中,需作用在容器样式上 -->
align-items: center;
<!--文字水平居中-->
text-align: center;
<!--将其设置为与容器相同高度达到垂直居中-->
line-height: 80rpx;
  • 各种距离
<!--宽高 不要用px物理像素,会在不同分辨率的机器上产生不同的效果-->
width:200rpx;
height:200rpx;
<!--距离顶部的高度 margin 顺序 上 右 下 左 (顺时针)-->
margin-top: 160rpx;
<!--内边距-->
padding-top: 10rpx; 
<!--边界 (宽度 线体 颜色)-->
border: 1px solid #405f80;
  • 文字
<!--文字大小-->
font-size: 32rpx;
<!--bold加粗-->
font-weight: bold;
<!--字体-->
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
<!--设置圆角-->
border-radius: 5px;
<!--字体样色-->
color: #333
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.02.24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档