ぼくの考えたさいきょうのCSSだけで2pxの縁取り文字【2017/7/28追記】
まずは1pxの縁取り CSSのtext-shadowのみを使って、白文字+黒の1px縁取りをしてみます。 考え方としては ぼかしを0pxにして塗りつぶしの影を作る 1pxずつずらして複数指定する...
149
127
Comment3
24 search resultsShowing 1~20 results
Stocked
You need to log-in
【CSS】display:table-cellで発生する余白を取りたい
取りたい 表示サンプル 「56×22」の部分は画像です。画像の下部分に余白が出てしまいます。 これをなくしたい。（確認環境はChrome59） 余白が出てしまうコード index.html &l...
3
2
Comment1
おおよそざっくりステータスコード
webページを表示させるために、webブラウザはサーバへページを表示してほしいよ！とお願い（＝リクエストを送信）をします。 このお願い（リクエスト）に対して、サーバは対応する返信（レスポンスメッ...
1
0
Comment0
CSS3のbackground-clipプロパティって知ってた？
いや～私は知りませんでした。 背景画像の表示領域を設定するCSSのプロパティ値です。 background-clip プロパティ style.css div { background: url(...
18
11
Comment0
CSS3のフォントやテキストに関するプロパティ、こんなのあったんだ
html5の試験勉強をしつつ、自分の知らなかったプロパティを忘備録としてまとめていきます。 日本語にあんまり関係なさそう系 スモール・キャピタル そもそもスモール・キャピタルというものを知らなか...
4
3
Comment0
そういえばa要素ってなんでaなの？
リンク要素として、a要素とlink要素の二種類があります。 どちらも同じく、別の文書と紐づける目的ですが、なぜa要素はaなんでしょうか？ a要素は出発点・到達点、link要素は関連しているもの ...
20
11
Comment1
CSSの基本文法を学ぶ
基本的な書式 HTMLに見た目の装飾やスタイルを適用させるときに使うCSSの基本的な書式です。 上記図 引用元：『HTML5プロフェッショナル認定試験 レベル1 対策テキスト＆問題集（マイナビ）...
5
6
Comment0
そういえばHTMLの属性って「"」か「'」どっちで囲めばいいの？
結論から言えば Attributes are placed inside the start tag, and consist of a name and a value, separated ...
2
2
Comment2
IFTTTでtwitterと連携させてslackに天気予報チャンネルを作る
ことの発端は 我が家にテレビや新聞がないんですが。 わざわざiphoneのウェザーニュースみるのもなーと思いつつ、そういえば会社でslack使ってるしここで天気予報見れたら便利じゃん！ てな感じ...
8
9
Comment0
IEでmain要素が認識されないことがある
main要素にbackgroundやらmarginやら設定していて、なぜかIEで表示されなかった。 なんでや！HTML5勧告やぞ！とパニクったので忘備録として残しておきます。 IEでmain要素...
36
16
Comment0
CSSを正規表現で適用先を絞り込む
属性セレクタ CSSの適用先に正規表現を用いることが出来ます。 書式 適用先 記述例 解説 [属性名] [属性]が指定されている要素全て img[title] img要素にtitle属性が指定さ...
44
42
Comment0
PhotoShopでコーディングに挑戦する パート1
自分でもこのタイトルをつけていてよくわからない感じがしますが、最近のPhotoShopってすごいですよねという実験メモ的な。 PhotoShopCC(2017.1)起動。 適当にレイヤースタイル...
8
10
Comment1
ぼくの辿り着いた濃いめのtext-shadow
はじめに 前記事でこんなものを書いていました。 【前記事】ぼくの考えたさいきょうのCSSだけで2pxの縁取り文字 上記記事を応用して出来ることが増えたのでまた記事を書きました。 text-sha...
78
61
Comment0
そもそもどうしてHTMLに装飾書いたらダメなの？～webの歴史を添えて～
2017/5/16 HTMLのなりたちについて修正追記しました！コメント頂きましてありがとうございます！ CSSについてwikipedia先生がおっしゃっていた。 Cascading Style...
6
4
Comment2
そもそもfigure要素ってなんだ？ ～画像・図版表示をしよう～
figure要素とはなんぞや HTML4.01からHTML5へバージョンアップする際に追加された新要素。 画像・図版であることを示す際に使用する。 今までは画像を表示するときにこうやって書いてい...
1
1
Comment0
そういえばaddress要素、正しく使えてた？
セクションの要素内でfooter要素についてまとめていたところ、address要素をどうやって入れるんだっけ？と調べていたら、自分の中の認識と違うことがわかりました。 address要素は問い合...
3
2
Comment0
そういえばHTMLはプログラミング言語じゃなかった
先日、SEの友人と話をしていたときの話です。 「そういえば、HTMLでもPerlでも要素って単語自体は出てくるけど意味が違うよね」 みたいな感じの話題に。 空要素という概念を説明するのにも確かに...
3
1
Comment1
そもそも親要素・子要素ってなんだ ～トランスペアレントがわからない～
HTML5の勉強を進めながら、コンテンツ・モデルまでたどり着いたは良いものの、*トランスペアレントが分からぬ……*と躓きました。 そういえば、親要素・子要素の継承と言われてもなんとなくで使ってし...
22
18
Comment2
HTMLで引用文を書くいい方法ないかな ～blockquote要素にセクショニング・ルートの小話を添えて～
引用文を書きたい気分の時もある そんなときに、今まではこう書いていました。 今まで書いていたコード <body> <div class="article"> <h1...
2
2
Comment0
そもそもIANAってなんだ
Internet Assigned Numbers Authority 南カリフォルニア大学情報科学研究所のJon Postel教授が中心となって始めたプロジェクトグループの名称でした。 インタ...
1
0
Comment0
24 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles