プロが教える店舗＆オフィスのセキュリティ対策術

スタイルシートを取り込みたい

解決済

  • 質問者：yukiko5
  • 質問日時：
  • 回答数：5件

CSSファイルを作成して、それをHTML内に取り込みたいのですが、うまくいきません。
ベクターにある「ABStyle」なるソフトを使用して、CSSファイルを作成しました。
（ファイル名は「sf01」スタイル名も「sf01」です）
これを新規のHTMLに取り込むようにしたいのですが、いろいろなHPを見てやってみるのですが、なにかがおかしいらしく、ちっとも読み込んでいないようです。

新規のHTMLの

<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=x-sjis">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>無題 標準ページ</title>
</head>

<body bgcolor="#FFFFFF">
</body>
</html>

ここの、どこに、どうやって、すればいいのかお教えください。。。。
新規HTMLは「safety」というファイルにありまして、CSSファイルも同じフォルダーに入っております。
CSSの場所を指定すればいいと思うのですが、具体的な記述方法をお教えいただければ幸いです。（すみません、超初心者です）
当方W98,FPEは2.0です。
宜しくお願い申し上げます。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (5件)

No.4ベストアンサー

  • 回答者： yuizuian
  • 回答日時：

こんばんは、＃２の者です。


少し気になったんで…

sf01 {
　FONT-FAMILY : ＭＳ Ｐゴシック, Osaka ;
　FONT-SIZE : 12pt ; FONT-STYLE : oblique ;
　FONT-WEIGHT : 太字 ;
　COLOR : #400080 ;
　LINE-HEIGHT : 12pt ;
　BACKGROUND-COLOR : #FF8080
}

となっていますが、
sf01はクラスなので、「.sf01」が正しいですよね。
それから、これは読み込むだけではなくて
<SPAN CLASS="sf01">スタイルシート！</SPAN>
等として、スタイルシートを適応させてやらないといけませんよ？

ところで↓これですが…
FONT-WEIGHT : 太字 ;
ここって日本語記述OKでしたっけ？（＾＾；
    • good
    • 0
    • 件
通報する
この回答へのお礼

再度ご回答、本当にありがとうございました。うれしかったです。
No3の方への内容通り、問題は解決いたしました。
本当にありがとうございました。
>FONT-WEIGHT : 太字 ;
>ここって日本語記述OKでしたっけ？（＾＾；
コレです！いろいろな参考HPをぐるぐるまわっているうちに、
「日本語～？？」と、気づきました。
詳しいことはわかりませんが、とりあえず、別のソフトで。。。。
と、やってみたら、問題はあっさり解決です。
もちろん、皆様にお教えいただいた通り、LINKタグは入れてあります！
本当にありがとうございました。お手数おかけ致しました。

通報する
お礼日時：2001/12/28 10:13

No.5

  • 回答者： shiba1
  • 回答日時：

/*コメント*/


スタイルシートのコメントは、/*と*/（複数行も可。）
ですから、著作権表示部分に問題はないです。

yuizuianさんの回答のように、
sf01というのは、クラス名だと思われるので、
「.」ドットをつけて、
.sf01という風にして、
<span class="sf01"></span>
<div class="sf01"></div>
の様にして（htmlファイルの記述にドットは付けません）使います。

スタイルシートを適応させたい範囲がページの全体であれば
sf01の部分を

body,td,th {スタイルの記述}

と書き換えれば、classを使わなくても適応されます。
太字にしたいときは、
font-weight : bold ;
ですよね^^;
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご回答ありがとうございました。
問題は他の方々へのお礼へ書いたように、解決いたしました。
しかしながら皆様のご指導は大変、役に立ちました。
本当にありがとうございました。
>font-weight : bold ;
>ですよね^^;
ですよね！！
（すみません。本当はわかっていないのですが、
　とりあえず解決したのと、皆様のご好意にテンションあがってます）
今後はソフトに頼らず、自分でも記述できるように、
またLINKタグもちゃんと理解できるように努力いたします。
その勉強は、みなさまのこちらへの書込みを参考にさせていただきます。
本当にありがとうございました。

通報する
お礼日時：2001/12/28 10:19

No.3

  • 回答者： kanzaki
  • 回答日時：

んー。

一応、全て色んな方のカキコとそのレスを読ませていただきました。
スタイルシートの記述（埋め込みＨＴＭＬ）に関しては皆さんの仰る通りだと思いますが。

今までのを読んだところ、元のＣＳＳファイルに

/* Copyright(C)You name. Original CSS File. */
/*
----------------------------------------------
--Style Sheet-------------------------------*/

が入っている状態でしょうか？
大元のスタイルシートに関してですが。
いつも自分が仕事で使っている場合。即内容を書き込んでいます。

<main.cssの内容>
BODY{
font-size : 12px;
color : gray;
}
A{
font-size : 12px;
color : black;
text-decoration : none;
}
<これでｃｓｓファイル終了>

大体これで要点のみ、で仕事では通していますし。ＨＰでも稼動しています。
ｃｓｓも読み込みで時間がかかりますし。ヘッダの関係かも、とは
その様な記述方法を一度も行ったことが無いので。イマイチ自信はありませんが
ちょっと必要部分のみで記述しては如何でしょう？
    • good
    • 0
    • 件
通報する
この回答へのお礼

おはようございます。
ご回答、ありがとうございます。
初心者でして、自分で記述するのが自信なく、フリーソフトで書き出してもらった結果です。
実はきちんとCSSの結果が反映されるようになりました。
皆様のおっしゃる通りにしてるにもかかわらず、さっぱりできないので、別のフリーソフトで試したら、あっさりできました。
皆様、大変ご迷惑をおかけいたしました。
しかし今回の件で、少々のことくらいは自分で記述できるようにならなければ、と、深く反省いたしました。
皆様、本当にご助力ありがとうございました。

通報する
お礼日時：2001/12/28 10:08

No.2

  • 回答者： yuizuian
  • 回答日時：

<HEAD>～</HEAD>の中に


<LINK REL=STYLESHEET TYPE="text/css" HREF="スタイルシートの場所" TITLE="任意の名前">
と書けば良いですよ。
例えば、スタイルシートとHTMLが同じ場所にあるなら、
<LINK REL=STYLESHEET TYPE="text/css" HREF="./sf01.css" TITLE="sf01">
です。

参考URL：http://tohoho.wakusei.ne.jp/www.htm

この回答への補足

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=x-sjis">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>index2</title>
<link rel="STYLESHEET" type="text/css" href="./sf01.css"
title="sf01">
</head>

こうですよねー（泣）　なぜ、できないのでしょう。。。
参考URLは既に確認済みです。

よろしければ、NO１の方の補足に入れました、
CSSファイルの方も見ていただければ幸いです。
これはCSSファイルがおかしいのでしょうか？

申し訳ありませんが、宜しくお願い申し上げます。。。

補足日時：2001/12/27 17:35
通報する
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： UKY
  • 回答日時：

<LINK rel="stylesheet" type="text/css" href="sf01.css">


というタグを、</HEAD>の直前の行に追加してみてください。

CSSを読み込むには、<HEAD>タグの中で<LINK>タグで指定します。
LINKタグの中のhrefの値がCSSファイルの名前です。

(FrontPageって外部CSSに対応してましたっけ？)

この回答への補足

ありがとうございました。
頂いたタグをそのまま貼りつけたのですが、なにも変わらないです。
（IEでチェックしても、です）
どうしてなのでしょう？
もとのCSSファイルがおかしいのでしょうか？


/* Copyright(C)You name. Original CSS File. */
/*
----------------------------------------------
--Style Sheet-------------------------------*/

sf01 { FONT-FAMILY : ＭＳ Ｐゴシック, Osaka ; FONT-SIZE : 12pt ; FONT-STYLE : oblique ; FONT-WEIGHT : 太字 ; COLOR : #400080 ; LINE-HEIGHT : 12pt ; BACKGROUND-COLOR : #FF8080 }

/*--------------------------------------------
---------------------------End Style Sheet--*/

/* ABStyle Ver.0.1.0β */

ちなみに色などは、とりあえずどんなものか試したかったので、
てきとーにハデ色を入れてあります。

よろしければこちらも見ていただければ幸いです。

尚。外部CSSに対応しているのか？は、
http://www.susono.com/~tkzw4a/makefpe/stepup/s_s …
こちらでみた感じですと、対応していると、思います。

申し訳ございませんが、宜しくお願い申し上げます。

補足日時：2001/12/27 17:28
通報する
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報