Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Browsing all 8567 articles
Browse latest View live

CSS入門メモ

文字系文字の大きさpx: 縦のピクセルの大きさで指定、Webページのメインの文章は15px~18pxくらいにするのがいいらしいem: 現在のフォントサイズに対する倍率、現在の設定が10pxの時に2.0emを指定するとフォントサイズは20pxになるテキストの位置を指定する/* 真ん中によせ */text-align:center;/* 右側によせ */text-align:right;線で囲う/*...

View Article


Image may be NSFW.
Clik here to view.

MAMPを使ったWordpressでのWEB制作方法④ 初心者向け

MAMPを使ったWordpressでのWEB制作方法④ 初心者向け前回の記事はこちら#MAMPを使ったWordpressでのWEB制作方法③...

View Article


初心者によるプログラミング学習ログ 302日目

100日チャレンジの302日目twitterの100日チャレンジ#タグ、#100DaysOfCode実施中です。すでに100日超えましたが、継続。 100日チャレンジは、ぱぺまぺの中ではプログラミングに限らず継続学習のために使っています。 302日目は、おはようございます302日目...

View Article

Image may be NSFW.
Clik here to view.

MAMPを使ったWordpressでのWEB制作方法⑤ 初心者向け

MAMPを使ったWordpressでのWEB制作方法⑤ 初心者向け前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法④ 初心者向けCSSファイルの読み込みまず③の記事で作成したstyle.cssでメインのCSSファイルを読み込みますテーマ情報の下にコピペしましょう。以下のような感じです。...

View Article

MAMPを使ったWordpressでのWEB制作方法6 初心者向け

MAMPを使ったWordpressでのWEB制作方法6 初心者向け前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法5...

View Article


Gatsby:CSS書き方とファイル分割の仕様

Gatsby:CSS書き方とファイル分割の仕様自分で作成したCSSの作り方は以下の通り。React特有の書き方…。//...

View Article

Image may be NSFW.
Clik here to view.

border-collapseを理解して、テーブルセルにdivをぴったり重ねる

テーブルのセルにdivを重ねたい!こういう事って、よくありますよね。うむうむ。でもちょっとこんがらがっちゃう。そこでこの記事ではパターン別に計算方法を整理してみました。まずは復習からborder-collapseとbox-sizingについて確認していきます。border-collapseとはテーブルセルの配置の仕方を指定するものです。collapseの場合、borderの中心をwhidthやhei...

View Article

Image may be NSFW.
Clik here to view.

MAMPを使ったWordpressでのWEB制作方法7 初心者向け

MAMPを使ったWordpressでのWEB制作方法7 初心者向けMAMPを使ったWordpressでのWEB制作方法6 初心者向け今回は固定ページの作成をします。固定ページとは事業内容や会社概要など頻繁に更新しないページに使用します。ここからはwordpressの管理画面も使用しますので...

View Article


Image may be NSFW.
Clik here to view.

CSSのプロパティ記述順まとめ

CSSプロパティの記述順については、厳密に定義されたルールは存在しないが、視覚的な要素順で書いた方が整理しやすく、レビュー側にとってもわかりやすいということを学んだ。プロパティは無数に存在するため、正確性を保つのは難しいというデメリットはあるものの、ある程度のグルーピングは可能であると思う。【要素分解して考える(大→小)】 1. 要素を表示するのか、しないのか。(display etc...) 2....

View Article


コピペCSSで簡単実装!スクロールエフェクト8選の解説

はじめに以前にスクロールエフェクトってどうやって作ってるのか気になって以下のサイトを見てみた。コピペCSSで簡単実装!アニメーションパララックス・スクロールエフェクト8選!スクロールに合わせて動く!【作り方】こちらのページではCodePenにアップされているデザインを紹介していて、そのコードをコピペで簡単に実装できると謳っているが、これに関する仕組みの解説はなかったので、この記事では仕組みを調べつい...

View Article

"font-family: MS ゴシック"を葬る

追記:書き上げてから気づいたのですが、ほとんど同じ内容の記事が投稿されていました → MS Pゴシックを撲滅する! -...

View Article

Image may be NSFW.
Clik here to view.

【jQuery】マウスが乗った時にメッセージを表示させる

学習用に作ったチャットアプリにて。写真左上のチャットグループの「編集ボタン」にアイコンを使用しており、ぱっと見、何のボタンか分かりづらい。今回は何をするアイコンか分かりやすくする方法をざくっとご紹介。【完成形】ホバー状態においては何のボタンなのか分かるようにする。1....

View Article

css で独立してスクロールできる領域を作る

複数のペインに別れた画面でそれぞれのペインをバラバラにスクロールしたくなったので、そのときに試したことを記録しておく。overlap: scroll を使うまず、素朴には、 css の overlap...

View Article


Image may be NSFW.
Clik here to view.

MAMPを使ったWordpressでのWEB制作方法8 初心者向け

MAMPを使ったWordpressでのWEB制作方法8 初心者向け前回の記事はこちら#MAMPを使ったWordpressでのWEB制作方法7 初心者向け今回は固定ページの中身を作っていきます。固定ページの中身作成固定ページはpage.phpのファイル内に作成します。まずはhtmlで作成してあるservice.htmlの中身をpage.phpにコピーします。...

View Article

初心者によるプログラミング学習ログ 303日目

100日チャレンジの303日目twitterの100日チャレンジ#タグ、#100DaysOfCode実施中です。すでに100日超えましたが、継続。 100日チャレンジは、ぱぺまぺの中ではプログラミングに限らず継続学習のために使っています。 303日目は、おはようございます303日目...

View Article


jQueryでスクロールのたびにアニメーションを繰り返す方法

jQueryでスクロールのたびにアニメーションを使うには、...

View Article

jQueryでスクロールの時にアニメーションを出す方法

jQueryでスクロールのたびにアニメーションを使うには、...

View Article


Image may be NSFW.
Clik here to view.

MAMPを使ったWordpressでのWEB制作方法9 初心者向け

MAMPを使ったWordpressでのWEB制作方法9 初心者向け今回から投稿ページの作成をしていきます。前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法8...

View Article

Image may be NSFW.
Clik here to view.

MAMPを使ったWordpressでのWEB制作方法10 初心者向け

MAMPを使ったWordpressでのWEB制作方法10 初心者向け前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法9...

View Article

Image may be NSFW.
Clik here to view.

MAMPを使ったWordpressでのWEB制作方法11 初心者向け

MAMPを使ったWordpressでのWEB制作方法11 初心者向け前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法10...

View Article
Browsing all 8567 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>