html css如何禁止重叠,html – 如何阻止css覆盖文本

也许这是一个非常愚蠢的问题,但是当我试图扩大字体大小时,如何阻止css覆盖呢？

@import url(https://fonts.googleapis.com/css?family=Fjalla+One);

html{

height: 100%;

}

body{

font-family: 'Fjalla One', sans-serif;

background: #2C3E50; /* fallback for old browsers */

background: -webkit-linear-gradient(to top, #4CA1AF, #2C3E50); /* Chrome 10-25, Safari 5.1-6 */

background: linear-gradient(to top, #4CA1AF, #2C3E50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.container{

margin: auto;

}

h1{

text-transform: uppercase;

font-size: 60px;

line-height: 47px;

letter-spacing: 2px;

text-shadow: #533d4a 1px 1px, #533d4a 2px 2px, #533d4a 3px 3px, #533d4a 4px 4px;

text-align: center;

}

.title{

transform: translateX(-50%) rotate(-5deg);

display: block;

margin-left:50%;

}

Burgerschool

afspraken

感谢您的帮助.我刚刚开始,这可能是一个非常愚蠢的问题..