css这句话是什么意思? transform: translateX(-50%);

 我来答
wtpgjngkt
2018-03-30 · TA获得超过1.8万个赞
知道小有建树答主
回答量:40
采纳率:29%
帮助的人:6840
展开全部

CSS,英文全称为Cascading Style Sheets,中文名称为级联样式表,是一种用来表现HTML或XML等文件样式的计算机语言

1、CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。

2、CSS具有以下特点:丰富的样式定义。CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

3、易于使用和修改。CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。

4、另外,可以将相同样式的元素进行归类,使用同一个样式进行定义,也可以将某个样式应用到所有同名的HTML标签中,也可以将一个CSS样式指定到某个页面元素中。如果要修改样式,我们只需要在样式列表中找到相应的样式声明进行修改。

5、多页面应用。CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

坏蛋的懒猪
推荐于2018-04-01 · TA获得超过304个赞
知道小有建树答主
回答量:336
采纳率:90%
帮助的人:174万
展开全部
把元素沿着横向(x轴)移动自身宽度的50%,一般是从左侧为开始点也就是0点。而数值是-50%,所以是从左侧0点向左移动自身宽度的50%。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
网海1书生
科技发烧友

2017-03-10 · 擅长软件设计、WEB应用开发、小程序
网海1书生
采纳数:12311 获赞数:26228

向TA提问 私信TA
展开全部
元素往左位移自身宽度50%的距离
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
唔知01
2017-03-10 · 超过15用户采纳过TA的回答
知道答主
回答量:119
采纳率:0%
帮助的人:32.5万
展开全部
X轴移动-50%
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
酱油弟是我
2018-04-01
知道答主
回答量:1
采纳率:0%
帮助的人:887
展开全部

请先给出明确答复:transform:在CSS3中适用于2D、3D元素的转换,这里转换意思是说让某个元素改变形状,大小和位置;而他的translate属性 就是改变元素位置,以直角坐标系为基础,左移右移等;

题主的

transform: translateX(-50%);

即为以自身大小的百分之五十向左移动,例子:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>hello</title> 
<style> 
div
{
width:100px;
height:75px;
background-color:red;
border:1px solid black;
}
div#div2
{
transform:translateX(-50%);
-ms-transform:translateX(-50%); /* IE 9 */
-webkit-transform:translateX(-50%); /* Safari and Chrome */
}
</style>
</head>
<body>

<div>Hello. This is a DIV element.</div>

<div id="div2">Hello. This is a DIV element.</div>

</body>
</html>

效果:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式