投稿日:

CSSで最初の一文字目を指定する方法

最近なってはじめて知ったのですが、
よく記事などで、一文字目が大きくしているサイトがあるのですが、
いままでPHPなどスクリプトでイジッテいるのかとおもってましたが、実はCSSだけでできた事に最近気づきました。

タイトル・・・

上記のようにしたい場合。

.title:first-letter{
	font-size:20px;
	background-color:#eeeeee;
}

:first-letterと追記すれば一文字目だけのCSSを指定することができます。
上記例では、class=”title” の一文字目を背景グレーのフォントサイズ20pxにしています。

投稿日:

cakephp 指定のViewでheader内にjs、cssを指定するメモ

cakephp1.3を利用していて、指定の画面だけに、特定のCSSやjavascriptを利用したい場合がある。

便利なようにcakephpでは、下記方法で指定が可能でした。

 

# app/view/hoge.ctp
echo $html->script('jsfile', array('inline' => false));
echo $html->css('cssfile', null, array('inline' => false));

ただ条件として、app/webroot/layout/default.ctpなどで、
予め、

<head>
<?
echo $scripts_for_layout;
?>
</head>

となっている必要があります。

 

またインラインでjs,CSSを利用したい場合は、普通に下記のように設定すればOK！

Viewはこんな感じ

#app/view/hoge.ctp
<?php
echo $javascript->link('jsfile');
?>

コントローラは↓

#app/controllers/hoges_controller.php

var $helpers = array('Javascript');