まめお’s blog

日々のニュースや個人的な勉強の記録を書いていくブログ

大学生初心者プログラマーの日々3

本日学習した内容
CSSファイルについて

  • font-family:○○;でフォントの種類を決めることができる

  • trandition:all 秒数;でアニメーションをつけることが可能(多くの場合はhoverとともに用いられる)

  • 行間はline-height:px;で選択可能

  • text-align:○○;(○○にはright, left,center)で文字の位置を変えることができる

  • cursor:○○;(○○にはtext,pointer,default)でカーソルを乗っけた時のカーソルの形の変化を変えることができる

  • ボックス要素に影をつけたい場合はbox-shadow:横 縦 色;を指定することでつけることができる

  • クラスタを選択しているときに行う行動をクラスタ名:active{}で指定することができる

  • スクロールしても動かしたくないものがある場合はposition:fixed;で位置を固定することができる(ここでは重なりの順番をz-indexで決める必要がある)
  • 大学生初心者プログラマーの日々2

  • HTMLの中身はheadとbody

  • bodyには表示したい内容を記述

  • headにはページに関する情報を記述

  • head部分に記述した内容は表示されない

  • headの中には三つの要素を指定する必要がある
  • HTMLファイルの先頭にバージョンを指定する(HTML5の場合は<!DOCTYPE html>)
  • CSSファイルへの書き込み

  • 文字などを囲みたいときはborder: ○○px;で指定(top, bottom,left,rightが存在)

  • 文字の囲いの大きさはpaddingで指定、文字の外側の囲いはmarginで指定

  • 一行の文字入力フォームは< input = type "○○" value ="名前 ">で作れる

  • 一行の入力フォームは<input>で作れる

  • 複数行の入力フォームは<textarea></textarea>で作ることができる

  • 背景画像を挿入したい場合はbackground-image:url();で挿入可能(()内には挿入したい画像のURLを書き込む)

  • 文字や画像の透明度を変えたいときはopacity::○○;(ただし値は0から1の間)で選択可能

  • 文字などの間隔を決めたい場合はletter-spacing:○○px;で選択可能

  • ボタンにカーソルを乗っけた際にボタンの色や透明度を変えるためには.○○:hover{}で{}内に行いたい動作を記述
  • 大学生初心者プログラマーの日々1

    始めるきっかけ
    社会に出てからの自分の価値を作り出していくために、大学生の時間のあるうちに身につけておこうと考えたためです。

    まずはweb系言語から基礎力を身につけていきたいと思います。

    まとめのような形になると思いますがよろしくお願いします。

    使用する教材
    progate
    prog-8.com
    参考にしたサイト

    creatorquest.jp
    本日学習した内容のまとめ
    HTMLの導入・基礎知識

  • 基本的なWebサイトはHTMLとCSSで構成されている

  • HTMLにはサイトの全体像を記述

  • CSSにはサイトのディティールを記述

  • HTMLについて

    • <h></h>で文字を書くとその文字のサイズが変わる(h1〜h6まである)

      段落を付ける場合は<p></p>で文字を囲む

      リンクをつける際は<a></a>で文字を囲む(その時に< a href = "リンクのURL" >文字列</a>でリンク先を指定できる)

      画像を挿入したいときは< img ○○○ = "画像のリンク">で指定できる

    「令和」新風吹く、関連商品・万葉集に関心・早くも詐欺

    記事リンク

    www.nikkei.com

    要約
    2019年4月1日に新元号”令和”が発表されたことに伴い、様々な企業などが新元号にちなんだ商品を販売するなどしている。
    しかし、新元号発表に絡む詐欺も発生しており、今後はこのような詐欺に遭わないようにより注意していく必要がある。

    疑問
    特になし

    考え・主張
    元号発表にちなんだ商品の発売やセール開催は経済を回していくためにも良い傾向にあると思う。
    一方で元号の改訂に伴う詐欺被害に対しては、より一層の注意を払うと共に被害者が増加しないよう早めに情報の共有を進めていく必要があると考える。

    ブログ再開します。

    二年前に開設したこのブログですが、ようやく時間が作れそうなので定期的に更新して行きたいと思います。

    主な内容としては

    ・一般的なニュースにおける自分なりの見解
    ・プログラミングの勉強のメモ

    をメインに書いていこうと思います。

    どうぞよろしくお願いします!

    参院選 大学に期日前投票所設置 宇都宮

    記事リンク

    www3.nhk.or.jp

    要約
    今月22日に公示された参議院選挙で選挙権を得られる年齢が18歳以上に引き下げられたことを受けて、宇都宮市宇都宮大学期日前投票所が設置された。栃木県の大学で校内に期日前投票所が設置されたのは初である。

    疑問
    まだ一か所だけなのか、ほかの場所にも同時に設置すべきなのではないか

    考え・主張
    選挙権が18歳に引き下げられたことからこのように大学の校内に設置するのはいいことだと思う。しかしまだまだ選挙の投票率は悪く若者の政治への関心はまだ低いままであるのでこのような積極的な行動をもっと広げてより良い政治を可能にしていってもらいたい。