ログイン新規登録

コンピュータ・IT 目的 Web開発プログラミング言語 CSS

CSSのposition:absolute;が怖くなくなる魔法の本

柏木みらる (著)

発売日: 2019/4/14 全文検索: 対応

★★★★★ ★★★★★ 5.0 1件

CSS がそれなりに使えるという方でも、本格的なデザインをコーディングするのでなければあまり使う機会がない position。
しかし、とりわけ装飾的な要素の実装に関して頼もしいパートナーになるのが positionです。
本書で position と仲良くなり、安心して素敵なコーディングライフを楽しみましょう。

対象読者
・CSS がそこそこ書ける Web デザイナー
・CSS にちょっぴり自信がない Web コーダー

想定していない読者
・3 度の飯より CSS の仕様書が好きな CSS 上級者／ position:sticky; を極めたい方
・HTML や CSS のことを何も知らない Web 初心者

目次プレビュー

はじめに
第1章 position って何？
第2章 position の書き方の基本

はじめに

1-1 position とは
1-2 position の使いどころ

2-1 position を「relative」「absolute」「ﬁxed」のいずれかに設定する
2-2 配置の位置をどこにするか決める
2-3 重なり順はどうするかを決める

3-1 position で基準位置を決める/ absolute, fixed, relative

4-1 基準要素に position: relative;、配置したいものに position: absolute;
4-2 画面に追従する要素には臆することなく position: fixed;

5-1 position: absolute; にしたら、要素が消滅したんですが?
5-2 position: absolute; にしたら、親の要素の高さがなくなりました
5-3 position: absolute; にした要素に margin を使ったのですが大丈夫でしょうか?
5-4 レスポンシブでも position: absolute; での配置はちゃんと使えるんでしょうか？
5-5 position: absolute; の子孫要素に position: absolute; を使うとどうなりますか?
5-6 position: fixed; を使ったのに基準位置がウィンドウの端になりません!

おわりに

柏木みらる

この著者の書籍一覧

★★★★★ ★★★★★ 5.0 渚紗 2021年2月21日

イラストが可愛く、癒やされます。
フルカラーなのが分かりやすくて良いと感じています！
初心者の方にもおすすめできる本です。