9/27 ☀　Illustratorペンツール/CSS

CSS

Illustratorいろいろ

キーオブジェクト
「複数ののオブジェクトを選択したあとで、固定したいオブジェクトをクリックしてキーオブジェクトとする」

大変便利でございまする。
大昔独学で勉強したようなしなかったような・・・
先生の講義はいろいろと見直す事が多くて、本当にありがたいです！

ベジェ曲線は最初は本当に無茶苦茶だったなー。
もう本当にめげずにいろんなものを描くしかない。
だんだんコツがわかってくると本当に楽しいものです。

Illustratorに「スタイルシートがある」！
えーっと・・・・全然知りませんでした・・・・
今後は是非活用したい。

CSS基礎

CSS＝Cascading Style Sheets

  • 親　{body}
  • 子　{h1}　{h2}　{p}など
  • 孫　その他


【1つのページの中に外側リンク、エンベッド、要素（タグ）に直接記述がある】

外部のCSSファイルを読み込む場合

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>CSS</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen, print">
</head>

media="all"とすると携帯の表示等に問題がでるので、
必ずmedia="screen, print"にする。

エンベッドの場合

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>style要素</title>
<style type="text/css">
<!--
h1 {
    color:#xxxxxx;
}
h3 {
    color:xxxxxx;
    background-color:#xxxxxx;
}
p {
    color:#xxxxxx;
}
-->
</style>
</head>

<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
は必ず表記する。

タグに直接設定する場合

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>style属性</title>
</head>
<body>
<h1 style="color:xxxxxx">style属性</h1>
<p>この方法は<span  style="color:xxxxxx">インラインスタイルシート</span>といいます。</p>
</body>
</html>

【CSSの記述の仕方】

セレクタ　｛
　　プロパティ：　値；
｝

  • セレクタ：スタイルを適用する範囲、要素
  • プロパティ：横の長さ（width）、文字の大きさ（font-size）、マージン（margin）など
  • 値：プロパティの設定値