HTML/CSS のどんな質問に必ず優しく答えるスレ 32
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
Haml、Sass/Scss、LESS、Stylus、PostCSSなどの関連技術もOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問に必ず優しく答えるスレ 31
https://mevius.2ch.sc/test/read.cgi/hp/1517028608/
■関連スレ
Webサイト制作初心者用質問スレ part248
http://mevius.2ch.sc/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
http://haml.info/
■Sass / Scss
https://sass-lang.com/
■LESS
http://lesscss.org/
■Stylus
http://stylus-lang.com/
■PostCSS
http://postcss.org/
CSSでの回答とし、要望があった場合のみSass/Scssでも可
HTML/CSS のどんな質問にも優しく答えるスレ 32
http://mevius.2ch.sc/test/read.cgi/hp/1521035557/
予算3000円ぐらいだす。
マクロ使いたいんだけど、解説本充実してたらうれしい。
atomでいいんじゃない？
決めてに欠ける
とりあえずVisual Studio Codeにしとこって感じ
htmlやcss書くならvscodeでそうそう不足ない気がするけど
なにが足りないのかな?
コードがすぐブラウザに反映されるライブプレビューって言う機能が便利すぎる
BootstrapやFoundationのスレが見当たらないんですが
使ってる人少ないんですかね。
もう当たり前すぎて話すことない
下記のようにコードを書いてもまったく変更されません。
table {border:solid 1px;}
index.html内にはlink でスタイルシート(index.CSS)へのリンクを書いており、
他の要素へのCSSは問題なく反映されているのですが、tableだけ反映されないのです。
何が原因なのでしょうか？
色は？
table {
border:solid 1px;
color:red;
}
のように指定しても反映されません。
こうですか？
table {border:solid 1px black;}
これでもだめですね。
collapseも特に設定していません。
コード全部晒せ！
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;
}
<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
<?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>
PC再立ち上げしてlinkでスタイルシート指定しているところを書き直したら反映される様になりました。
ご迷惑おかけして申し訳ありません。
一応トップページだけは公開出来たのですが、ディレクトリのアップロードの仕方が分かりません。
例えば、http://aaaa.netというトップページがあったとして、
その下層にhttp://aaaa.net/xxxxやhttp://aaaa.net/xxxxxx、xxxxxxxx等と言ったカテゴリがあるじゃないですか。
それの作り方、と言うかアップロードの仕方がどんなに調べても分からないので教えていただけるとありがたいです。
因みにアップロードにはFFFTPを利用しています。
本読め
http://www.sbcr.jp/products/4797372960.html
CSSでwindowのサイズに合わせてマージン幅の調節をしたいのですが、何か良いやり方はありますでしょうか？
:(警察車両ナンバー入り)
https://www.youtube.com/watch?v=gTOBN1AkSz0
https://www.youtube.com/watch?v=bbPcpPwO3ug
https://www.youtube.com/watch?v=de1jeSPGGNo
怖ろしくてお漏らししそう´・ω・｀
見せたく無いリストなんでしょ。
唯一CSS2のみがあって 「CSS3」 はそれ以外のCSS全部
バージョンは個別のモジュールごとにあるが
CSS全体としては living standardみたいなもの
量的にはCSS2の数十倍くらいあるだろうから
細かい所まで網羅するような参考書は無理だろうな
すっごいエフェクトとか動きのCSSかけるようになりたいんだけど
本屋にいっても初歩とか基本のCSSの本しかない
こういうのどこで勉強すればいいの？
ソース見て研究したらいいじゃない。
やっぱりそれしかないのかぁ
独学でやってんだけど
WEBの学校とか高度なこととか教えてくれたりすのかなーとか
ソース見てすらすらわかるようになるのだろうかとか
聞いてるようじゃはなから無理だよ馬鹿
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
V610Q
これって実装状況ってどうなってんの？
調べてもよくわからないんだけど
level 4 から追加された
level 3 時代にはできなかったはず
実装状況：
https://developer.mozilla.org/en-US/docs/Web/CSS/color
color 型一般の互換性
https://developer.mozilla.org/ja/docs/Web/CSS/color_value#Browser_compatibility
edgeとopera mini非対応じゃねーか
Microsoftが「EdgeではWebKitと動作が異なる場合はバグ」って明言してるからね
#で慣れてしまった体にはもう
IE11も見たら対応してなかったぞ
桜もいい
あるHTML文書に対して
* { all: initial }
というCSSによって全ての要素を初期化したいのですが，その際
<span class="katex-display">
[以後大量の階層構造...]
</span>
という領域だけは初期化の影響を与えたくありません。
しかし例えば
*:not(.katex-display) { [...] }
という指定だと除外したい領域の最上部しか実際は除外できておらず，内側の<span>などが初期化されてしまいます。
ですので，「“katex-display”クラスのspan要素以下の階層全てを除外する」方法が知りたいのです。
どうかお知恵を貸してください。
いまのところひとつも解決方法出てないが。
> CSSの書式を教えてください。
という質問にSCSS使えと答えたバカはいたようだがｗ
仕様上は
:not( .katex-display * ) { all: initial; }
のように書けばいけるはずだが（ .katex-display 自身は除く）、
この形のセレクタ引数はまだサポートされてないか
ありがとうございます。
Google ChromeおよびMozilla Firefoxの最新版で試してみましたがいずれも対応していないように見えました。
https://developer.mozilla.org/ja/docs/Web/CSS/:not
↑ここにも一通り目は通したのですが，助けになる情報はありませんでした……。
とりあえずあきらめます。
仕事ではなく個人的な案件なので，最新の特定のブラウザさえ対応していればそれでいいんですが，Google ChromeもMozilla Firefoxも対応していないとなると厳しいですよね。
すみません。どなたかこの解決方法知りませんでしょうか。
英語で検索しても解決方法が出てこないなら、あきらめて
別の手段や発想の転換で解決しよう
そういうことは山ほどあるよ
アルファベット順かFireFoxのモジィーラ順かで別れると思うのですが
その1つ上のタグの表記の順番はどういう決まりになっているのでしょか？
HTML側で上から順番に書くタグに合わせて
CSSも同じ順番に書いていくのですか？
<time datetime="2018-06-09">2018年6月9日</time>
というような形式と同じように
<sometag someattr="30000">3万</sometag>
というような「数値の統一解釈」みたいなことってできませんかね。
SCSS
LESS
・・・・まだ他にもありますね。どれおぼえればいいの？あるいは覚える必要ない？CSSで十分？
PostCSSでもフルアーマーするとSass/Less/Stylusすべての機能同等のものができるがそれは筋が悪いやり方。
本当に必要なものだけ選んで入れる。
余計なものは入れない。
https://postd.cc/actualize-networkmodern-css-explained-for-dinosaurs-3/
こういうページを読むといいかも
CSSはCSSやで
それくらいしかないですよね……。
スクロールしたら文字浮き出たりするのは
無理ですか？
jsなしで、jsありならできるのはわかります。
とかでそれっぽくできんじゃね？
スマホには対応しないけど
ありがとう、hoverしかないですよね。
なんか色々探したらJavaScript使用するのはありました。
ま、無理そうなので諦めます。
勉強になりましたわ。
SASS で良い
ただし、SASSとは、SCSS の事です。
昔のSASSではない
本も知識かたよってるからね。信頼できる師匠見つけて、仕事手伝って覚えるのがいい
うん。どうやったって偏るから、信頼できる人のを学ぶのがいい
CSS辞典
>>89
人によって書き方にはクセがあるからね
どうしたらいいかお願いします
インラインでCSS書いたら？
100〜のスレッドの続きを読む