HTML/CSS のどんな質問に必ず優しく答えるスレ 32
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
Haml、Sass/Scss、LESS、Stylus、PostCSSなどの関連技術もOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問に必ず優しく答えるスレ 31
https://mevius.5ch.net/test/read.cgi/hp/1517028608/
■関連スレ
Webサイト制作初心者用質問スレ part248
http://mevius.2ch.net/test/read.cgi/hp/1494150188/
■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html ■回答はSass/Scssを前提としないこと
CSSでの回答とし、要望があった場合のみSass/Scssでも可 勝手にSCSS入れやがったから前の>>1内容のままで立て直した↓
HTML/CSS のどんな質問にも優しく答えるスレ 32
http://mevius.5ch.net/test/read.cgi/hp/1521035557/ おすすめのテキストエディタ教えて。
予算3000円ぐらいだす。
マクロ使いたいんだけど、解説本充実してたらうれしい。 ちなみに俺の中で最強エディタはエクセルになりつつある。 一長一短で、これってのがないんだよね
決めてに欠ける
とりあえずVisual Studio Codeにしとこって感じ >>11
htmlやcss書くならvscodeでそうそう不足ない気がするけど
なにが足りないのかな? HTML/CSSならBracketsお勧め
コードがすぐブラウザに反映されるライブプレビューって言う機能が便利すぎる この板で
BootstrapやFoundationのスレが見当たらないんですが
使ってる人少ないんですかね。 いや、普通に使ってる
もう当たり前すぎて話すことない CSSでtable要素のborderを指定したいのですが、
下記のようにコードを書いてもまったく変更されません。
table {border:solid 1px;}
index.html内にはlink でスタイルシート(index.CSS)へのリンクを書いており、
他の要素へのCSSは問題なく反映されているのですが、tableだけ反映されないのです。
何が原因なのでしょうか？ >>17
table {
border:solid 1px;
color:red;
}
のように指定しても反映されません。 >>19
こうですか？
table {border:solid 1px black;}
これでもだめですね。 >>20
collapseも特に設定していません。 >>23
index.css
header {
background-color:##0B3861;
color: white;
width: 100%;
margin: 0 auto;
padding-left: 5px;
}
body {
margin: 0;
}
a:link {color:white}
table {
border: solid 1px black;
} >>23 index.html(1)
<html>
<head>
<title>*****</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<header>
<h3>*****<br></h3>
<a href="todo_test.php">ToDo</a> / <a href="todo_readme.php">ReadMe</a><br>
</header>
<a href="todo_show.php">▼ToDoの追加<br></a>
<?php
require_once("MYDB.php");
$pdo = db_connect();
//TODOを表示
try{
$pdo->beginTransaction();
$sql = "SELECT * from todo";
$stmh = $pdo->query($sql);
echo "<table>";
foreach ($stmh as $row){
//echo "<table border='1' >"."<tr>".$row['todo'].':'.$row['status'].":".$row["period"]."</table>"."</tr>";
echo "<tr>"."<th>".$row['todo']."</th>".':'."<th>".$row['status']."</th>".":"."<th>".$row["period"]."</th>"
."<th>"."<a href='todo_test.php?action=delete&id=".$row['id']."'>".$row['id']."</a>"."</th>"."</tr>";
}
}catch(PDOException $Exception) {
$pdo->rollBack();
print "エラー:".$Exception->getMessage();
}
echo "</table>";
?>>>23 >>23
<?php
$pdo = db_connect();
if(isset($_GET['action']) && $_GET['action'] == 'delete' && $_GET['id'] > 0){
try{
$pdo->beginTransaction();
$id = $_GET['id'];
$sql = "DELETE FROM todo WHERE id=:id";
$stmh = $pdo->prepare($sql);
$stmh->bindValue(':id',$id,PDO::PARAM_INT);
$stmh->execute();
$pdo->commit();
require_once "todo_test.php";
} catch(PDOException $Exception) {
print "エラー:".$Exception->getMessage();
}
}
?>
</body>
</html> >>26
PC再立ち上げしてlinkでスタイルシート指定しているところを書き直したら反映される様になりました。
ご迷惑おかけして申し訳ありません。 自分はホームページを作り始めてから間もないのですが
一応トップページだけは公開出来たのですが、ディレクトリのアップロードの仕方が分かりません。
例えば、http://aaaa.netというトップページがあったとして、
その下層にhttp://aaaa.net/xxxxやhttp://aaaa.net/xxxxxx、xxxxxxxx等と言ったカテゴリがあるじゃないですか。
それの作り方、と言うかアップロードの仕方がどんなに調べても分からないので教えていただけるとありがたいです。
因みにアップロードにはFFFTPを利用しています。 おはようございます。
CSSでwindowのサイズに合わせてマージン幅の調節をしたいのですが、何か良いやり方はありますでしょうか？ ページの中のそれぞれに要素に対して、display:noneで別のリストがあるんですけど、これって何なんでしょうか？ CSS3.x というものは実際は無い
唯一CSS2のみがあって 「CSS3」 はそれ以外のCSS全部
バージョンは個別のモジュールごとにあるが
CSS全体としては living standardみたいなもの
量的にはCSS2の数十倍くらいあるだろうから
細かい所まで網羅するような参考書は無理だろうな CSS3を求めるなら、モジュール単位で指定しないと コーダペインにあるような
すっごいエフェクトとか動きのCSSかけるようになりたいんだけど
本屋にいっても初歩とか基本のCSSの本しかない
こういうのどこで勉強すればいいの？ >>45
やっぱりそれしかないのかぁ
独学でやってんだけど
WEBの学校とか高度なこととか教えてくれたりすのかなーとか
ソース見てすらすらわかるようになるのだろうかとか 誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
V610Q 最近になって色指定のとき16進数でもアルファを指定できることを知った
これって実装状況ってどうなってんの？
調べてもよくわからないんだけど Edgeは言えば対応するよ
Microsoftが「EdgeではWebKitと動作が異なる場合はバグ」って明言してるからね 透明度のことを考えるとrgbで覚えた方がいいんだろうけど
#で慣れてしまった体にはもう オペラミニはどうでもいいけど
IE11も見たら対応してなかったぞ すいません，質問です。特定のクラスの内側全てを否定するCSSの書式を教えてください。
あるHTML文書に対して
* { all: initial }
というCSSによって全ての要素を初期化したいのですが，その際
<span class="katex-display">
[以後大量の階層構造...]
</span>
という領域だけは初期化の影響を与えたくありません。
しかし例えば
*:not(.katex-display) { [...] }
という指定だと除外したい領域の最上部しか実際は除外できておらず，内側の<span>などが初期化されてしまいます。
ですので，「“katex-display”クラスのspan要素以下の階層全てを除外する」方法が知りたいのです。
どうかお知恵を貸してください。 他にいい解決方法？
いまのところひとつも解決方法出てないが。
> CSSの書式を教えてください。
という質問にSCSS使えと答えたバカはいたようだがｗ >>63
仕様上は
:not( .katex-display * ) { all: initial; }
のように書けばいけるはずだが（ .katex-display 自身は除く）、
この形のセレクタ引数はまだサポートされてないか >>68
ありがとうございます。
Google ChromeおよびMozilla Firefoxの最新版で試してみましたがいずれも対応していないように見えました。
https://developer.mozilla.org/ja/docs/Web/CSS/:not
↑ここにも一通り目は通したのですが，助けになる情報はありませんでした……。
とりあえずあきらめます。
仕事ではなく個人的な案件なので，最新の特定のブラウザさえ対応していればそれでいいんですが，Google ChromeもMozilla Firefoxも対応していないとなると厳しいですよね。 頓珍漢覚悟で書くがinheritで何とかならないかな？ >>69
すみません。どなたかこの解決方法知りませんでしょうか。 >>71
英語で検索しても解決方法が出てこないなら、あきらめて
別の手段や発想の転換で解決しよう
そういうことは山ほどあるよ CSSに書くプロパティの順番は
アルファベット順かFireFoxのモジィーラ順かで別れると思うのですが
その1つ上のタグの表記の順番はどういう決まりになっているのでしょか？
HTML側で上から順番に書くタグに合わせて
CSSも同じ順番に書いていくのですか？ 質問させてください。
<time datetime="2018-06-09">2018年6月9日</time>
というような形式と同じように
<sometag someattr="30000">3万</sometag>
というような「数値の統一解釈」みたいなことってできませんかね。 SASS
SCSS
LESS
・・・・まだ他にもありますね。どれおぼえればいいの？あるいは覚える必要ない？CSSで十分？ PostCSSで必要な機能だけ選んで漸次導入していくのがナウいやり方。
PostCSSでもフルアーマーするとSass/Less/Stylusすべての機能同等のものができるがそれは筋が悪いやり方。
本当に必要なものだけ選んで入れる。
余計なものは入れない。 CSS3とHTML5で
スクロールしたら文字浮き出たりするのは
無理ですか？
jsなしで、jsありならできるのはわかります。 大枠:hover 浮き出る要素
とかでそれっぽくできんじゃね？
スマホには対応しないけど スクロールしたらなのになんでhoverが出てきたしｗ >>83
ありがとう、hoverしかないですよね。
なんか色々探したらJavaScript使用するのはありました。
ま、無理そうなので諦めます。
勉強になりましたわ。 >>76-79
SASS で良い
ただし、SASSとは、SCSS の事です。
昔のSASSではない cssをもう一度基礎からやりたいんだけどおすすめの本を教えて >>87
本も知識かたよってるからね。信頼できる師匠見つけて、仕事手伝って覚えるのがいい >>89
うん。どうやったって偏るから、信頼できる人のを学ぶのがいい >>88
>>89
人によって書き方にはクセがあるからね Bootstrap 使っているサイト内のロゴをcinzelというフォントとstyle.cssで文字組みしてデザインしたいんですが、h1を使うとbootstrapのh1が反映されてしまい、!importalを付けても反映されませんでした。
どうしたらいいかお願いします 
