ＣＳＳ
ＨＴＭＬは以下のものを選択することができる。
・Element Selector
・Class Selector
・Id selector
・Attribute Selector
・Element Selector
<p>Here is some text written inside the paragraph tag.</p>
上のようなコードを選択する際には、このように書ける。
p{
/*property value pairs*/
}
これでウェブ上の全ての文章を選択することができる。
Note: /* */ is used to enclose comments in CSS. The things written inside /* and */ is not read by browsers.
➡/**/はＣＳＳにコメントを書く際に用いられる。
<p class=”select-me”>Here is a paragraph tag which also has a class specified inside it.</p>
もしＨＴＭＬがclassに関係する場合、ＣＳＳに以下のように記入することで、書くことができる。
select-me{
/*property value pairs*/
}
クラスセクター内に記載されていることをこのように書くことができる。これにより、select-me クラスは選択することができる。
<p id=”select-me”>
Here is a paragraph tag which also has an id specified inside it.
</p>
以上のようにid系のＨＴＭＬのコードがある際、＃を使う事で、ＣＳＳでリンクさせることができる。
#select -me{
/*property value pairs*/
}
select-me id系はこのようにＣＳＳで対応する。
<input type="text" />
は、attributeを含むＨＴＭＬは、[attribute = value]という書き方で、ＣＳＳに対応させることができる。Ｌｉｋｅ ｔｈｉｓ
input[type=text]{
/*property value pairs*/
}
Playing with Colors
CSSでカラーをつけるためには、以下のような方法がある。
・Directly writing the name of colors.
ＣＳＳでは140のカラーを利用することが可能。
・Using hex values of colors.
ＣＳＳでは140のカラーを利用することが可能。
他にＣＳＳで色を使う場合は、10進法（別名 Hex values）を用いることができる。
Hex valuesは、#rrggbbのフォーマットを用いる。
➡rr, gg and bb are values between 00 and ff
rr - the amount of red
gg - the amount of green
bb - the amount of blue
００がなしでｆｆが一番来い。
#000000 forms black color, #FFFFFF forms white.
・Using RGB/RGBA values.
R- Red, G- Green, B- Blue and A - Alphaを用いて、色を変えることも可能。
alpha： 0.0 (fully transparent) and 1.0 (fully opaque)
➡0.0から1.0までの数字を扱うもの
0は最低の数値を表わし、255が最高の数値を表わす。
RGB formatを用いるには、以下の構文を利用する。
rgb(R, G, B)
➡R, G, Bには０から255まで数値を入れる。
プログラミング言語
ポインタ変数は、他の変数のアドレスを格納する変数である。ポインタ変数自身も、メモリ上の存在してアドレスを持っている。
ポインタ経ンスへのポインタというのも作ることが可能。
pointer pointer.c
//変数a
int a = 3;
//変数aへのポインタ変数p１
int* p1 = &a;
//変数p1へのポインタ変数p2
//ポインタ変数へのポインタ変数
int** p2 = &p1;
//p2が指す者とp1のアドレスは一緒
printf("%p\n", p2);
printf("%p\n", &p1);
// "p2が参照しているp1"が格納している値は
//aのアドレスと一緒
printf("%p\n", *p2);
printf("%p\n", &a):
//”p2が参照するp1"が参照するaの値
printf("%d\n", &a);
//”pが参照するp1”が参照するaの値
printf("%d\n", **p2);
ポインタ変数へのポインタ変数は、int** pのようにアスタリスクを重ねて使う。参照先にアクセスするときも同様。
もちろん、ポインタへのポインタへのポインタなんてことも可能。
ポインタと文字列
文字列は、char型の配列。よって文字列へのポインタを扱うことも可能。
str_pointer.c
//文字列リテラル”Hello"をstr[]に代入
char str[] = "Hello";
char* p = str; //str == &str[0]
//pは’Ｈ’を参照している。
putchar(*p);
//p+1は’e'を参照している
putchar(*(p+1));
//pが参照している’Ｈ’を'A'に書き替える
*p ='A';
//printf("&s\n", p);と同じ
printf("&s\n", str); //Ａｅｌｌｏ
文字列は、あくまで文字列あので、ポインタで配列を扱うときに同じ感覚で使うことが可能です。
文字列の表現の仕方
まず、下のコードを見てみる。
str_pointer.c
//パターン1、配列で表現した文字列
char str[0] = "Hello";
//パターン2、ポインタで実現した文字列
char* p = "Hello";
パターン2のように書くと、char型のポインタ変数は、直接文字列リテラルの先頭字のアドレスを格納することができる。
便宜上ここでは、前者の文字列を、配列による文字列、後者の文字列を、ポインタによる文字列と呼ぶことにする。
両者の違い
まず、メモリ上に確保される領域の違いがある。
配列による文字列は、配列の要素数分の領域を確保された後、そきに文字列が入る。
ポインタによる文字列では、メモリ上に文字列リテラル分の領域+ポインタ変数文の領域が確保される。
もう一つの違いは、再代入が可能か否か、といったもの。
str_pointer_array.c
// 配列の再代入不可×
char str[] = "Hello";
str = "World";
//ポインタ変数は、参照先を変えるだけなので
char *p = "Hello":
p = "World";
ポインタによる場合は、ポインタ変数を参照先におけるだけなので問題ない。