使用PHP

Question

あなたは、私が別のブラウザの種類の勾配を設定するには、いくつかのインラインCSSを持って見ることができるように、私はURLを生成するために、問題がある... CSSファイルでこれを入れて

が欲しいです私はインラインPHPを使用して生成された乱数を使用するCSSの背景のプロパティ内で。

これでページがかなり乱雑になります。これを分けて同じことを達成する方法はありますか？

<div class="jumbotron hidden-xs hidden-sm " id="headerhome" style="background: -webkit-linear-gradient(rgba(166, 195, 206, 0.5), 
    rgba(166, 195, 206, 0.5)), 
     linear-gradient(
     to bottom, 
     rgba(64, 64, 64, 0) 70%, 
     rgba(77, 78, 94, 0.5) 80% 
    ), url('img/home/hero-img/hero-img-<?php echo $rand ?>.jpg'); 

     background: -o-linear-gradient(rgba(166, 195, 206, 0.5), 
    rgba(166, 195, 206, 0.5)), 
     url('img/home/hero-img/hero-img-<?php echo $rand ?>.jpg'); 

     background: -moz-linear-gradient(rgba(166, 195, 206, 0.5), 
    rgba(166, 195, 206, 0.5)), 
     url('img/home/hero-img/hero-img-<?php echo $rand ?>.jpg'); 

     background: -linear-gradient(rgba(166, 195, 206, 0.5), 
    rgba(166, 195, 206, 0.5)), 
     url('img/home/hero-img/hero-img-<?php echo $rand ?>.jpg'); 

     background-blend-mode: multiply;"> 

style.phpファイルを使用するアプローチはさらに価値がありますか？

Answer 1

このようなHTMLとの統合は、まさにPHPが設計したものです。

もちろん、これはより複雑な（「乱雑」な）コードを作成しますが、必ずしも悪いことではありません。実際、複雑さはレイヤーコードの自然な結果です。