プログラミングの雫

Flexbox実戦課題を実際にやってみました。手順や考え方なども話しているので参考にしてみてください:)
1
これまでの総集編として、Flexboxを使った実戦課題をやってみてください。下のようなブログサイトをつくってみてください。余裕のある方は「ブログタイトル」や「記事タイトル1」などの部分を自由に変...
いよいよCSSを追加します。Flexboxを使うと左から順に並べてくれます。style.cssにこちらを追加してください。```css.images-wrap { display: fle...
```html```の間のところに画像をいれていきます。
Flexboxの威力を発揮し、仕組みが分かりやすいのが、画像を並べる場合です。今回は、3列の画像を左上から右に向かって並べていく形をつく...
Webページをつくっていると2列や3列に並べた要素の配置がしたいことがよくあります。例えば、ブログの記事が真ん中に大きめにあって、右の方にもう1列目次があるようなものや、写真を3列で上からならべ...
次のhtmlにidを使って好きな名前を追加してください。```htmlHTML レベ...
次のHTMLタグ全てに好きなclass属性を追加してください。```html ブログのタイトル ブログの本文```
これからCSS基礎をやっていくためのHTMLファイルとCSSファイルを作成しておきます。 いつも同じHTML・CSSファイルの土台づくりまずは適当な場所に「CSS基礎ノック」フォルダを作成します...
今回はHTMLにCSSを読み込んで、背景の色を変えるところまで一気にいきます! STEP1. HTMLファイルをつくるまずは簡単なHTMLファイルをつくります。あくまでHTMLがメインでCSSは...
Webサイト(ホームページなど)の表面に見えている部分は主にHTMLとCSSという2つの言語で書かれています。HTMLはページの構造、骨格にあたる部分を作成するのに使います。どこがタイトルで、ど...
1
好きなサイトのHTMLを書いてスクリーンショットをコメントに送ってください。CSSを書かないと同じサイトをつくることは出来ませんが、どんな風にHTMLを書いているのか、divを使ってるかspan...
bodyタグ内に好きなタイトルと好きな文章(段落)を追加し、その文章中の一部に(spanを...
bodyタグ内に好きなタイトルと好きな文章(段落)を追加し、それらを...
1