19〜Chenzengロング-1.26研究ノート

CSSのチュートリアル


#1.20

私たちは、最初のCSSをレンダリングするために使用されて知っていて、レイアウトや外観を変更する必要があります

ほとんどのスタイルタグの頭の頭の中で定義された要素のプロパティの

属性(プロパティ)を使用すると、スタイル属性(スタイル属性)を設定すること。各属性は、値を持っています。属性と値は、コロンで区切られ
プロパティあなたはなど、色、フォントサイズ、などのプロパティを変更する選択する必要が財産と考えていることである

とセミコロン{}文はのすべての属性、特殊な宣言で囲まれていることにより、終了される
CSS 「/とコメント」で始まる「 /」終了(/ ** /)は、
HTMLでされ たクエリのHTMLコメントをクリックしてください

あなたがHTML要素で設定されたCSSスタイルにしたい場合は、要素の「ID」と「クラス」セレクタを設定する必要があります。これは、要素のいくつかは、idは、IDセレクタは、HTML要素が指定する特定のスタイルの特定のIDでマークすることができる持っている理由です。定義するには、「#」に多数のID属性、id属性セットIDセレクタを持つHTML要素、CSSのIDセレクタを起動しないでください。


#1.21

副選択は、セレクタ差を含む深さが含まれており、前者は胸振盪セレクタの要素であり、子供は最初のレベルセレクタ選択できる
セレクタが2つの連続している兄弟いくつかのレンダリング形式がある〜B {...}
このリンクノート2

スパンが他のスタイルに埋め込むことができ、声明の中で、スパンは別のスタイルを形成する分離株の個々の部品に使用することができます

、フォントサイズ、色、外部および内部スタイルスタイルとして出現、ということを意味スタイル、違いは、参照してくださいするにはここをクリック
優先順位は、インラインスタイル)インラインスタイル>(内部スタイル)内部スタイルシートを読み込む必要があり、これらのスタイルのどの>(外部スタイル)外部スタイルシート>ブラウザのデフォルトスタイル

背景:
デフォルトでは、背景画像は背景リピート属性を追加するだけで、水平または垂直タイル、必要に、タイルを重ね水平または垂直方向に行くだろう、繰り返し-xは水平方向のタイルの意味で、何の繰り返しが繰り返されていません

略称:体配列と略記されており、{色、画像、リピート;取り付け位置が}、入力値を必要な位置に対応する直接ページに、形式と略記されており

いくつかのCSSの変換とテキストのレイアウトに


#1.22

ある安全なフォントcssWebの組み合わせ、フォントの種類

フォントサイズを設定するには、EMを使用して、1EMは、現在のフォントサイズに等しいです。デフォルトのブラウザのテキストサイズは16pxにあります

いくつかは、一般的にあなたがイタリックを使用する場合、効果がない、そしてあなたが斜め使用する必要があり、この時間は、イタリック体イタリック体の使用として理解することができ、フォント、おそらく唯一の正常な体を使用していない、何のイタリック体のテキストは、チルト属性ん聞かせて斜め

CSSのリンクは、クリックする前と後の色の変化に注意を払う、この順序を変更するために設計された厳格な要件に従って、未訪問のリンクがリンク>訪問したリンクが訪れる>リンクホバーにマウスの動きを設計するとき>マウスがアクティブ]をクリックします。

テキストの装飾は、ウェブサイトを設計するために使用することができるウェブサイトを設計するために、背景色の背景で下線が引かれています

パディング手段を充填する全て又は要素内の指定された現在のマージン特性のために提供されます。属性は1-4の値を有することができます。
要素のパディング(パディング)(パディング)がクリアされたときに背景色の要素をパディングエリアの「放出」になります。
使用されるだけでは充填性が宣言の一つの要素にマージンプロパティ内に配置されています。特性を充填頭字語はまた、パディングが変更された距離に対応する値を変更する際に、使用することができます


#1.23
場合、そのような底部に定義されたスタイルのキャプション側部分(下)キャプションラベルと、タイトルの位置を設定します

ボックスモデル構造:マージン(余白) -フレームの領域外をクリア、外部から透明です。
ボーダー(国境) -内側と外側の余白コンテンツの境界線の周り。
パディング(パディング) -コンテンツの周りの明確な領域は、パディングは透明です。
コンテンツ(内容) -表示テキストや画像へのボックスの内容。

境界線のスタイルを定義するBoder、それができるさまざまなスタイルが
右のスタイル、トップスタイルなど、また、そのようなボーダースタイルとして、単一の属性を指定できます:境界線のスタイルが時に領域スタイルセット位置によって定義することができない固体はめ込み、ショーがアップダウンの周りにはめ込み固体です。まずダウンして、左、右、左下
注:単独で使用される最初のセット国境に「境界線スタイル」プロパティを使用する場合は、「ボーダーカラー」プロパティがない作業を行います。

アウトライン層の外側を囲んでの境界線、スタイル、および境界線のスタイルセットは類似しています

構造のマージンとパディングを理解するために、クエリがクリック
マージンマージンを保有することなく、独立して設定することができ、他の文でその距離は、空白で埋められます

コードを最小限に抑えるには、パケットセレクタを使用することができます。カンマで区切られた各選択のために使用されます。次の例では、我々は、上記のためにバンクセレクタコードを使用します

ネストされたセレクタ:P {}:指定すべてのp要素のスタイル。
.marked {}:すべてのクラス=「マーク」要素は、パターンを特定します。
.marked P {}:= p要素「と記された」要素は、すべてのクラスのスタイルを指定の範囲内。
p.marked {}:すべてのクラス=「マーク」要素は、pのパターンを指定します。

「なし」、または「隠された」と可視性プロパティに表示プロパティを設定することで、要素を非表示にすることができ
、元の皮は、まだ場所を隠し、スペースがなくなった後に元の場所と空間、持っている
要素の可視性を設定するときに:崩壊後、要素の一般的なパフォーマンスと可視性:隠された、のような、それはスペースを取るということ

ブロック要素:<。H1> <P。 >の<div>。インライン要素の例:<スパン> <A > それがより一般的であり、特にこのリンクメモを参照し

テキストや画像の相対位置を設定するときは、Webページ内での位置を設定することができ、固定要素に位置を参照することができます
が、絶対的なタグを使用して:完全に絶対位置をよりよくなり、他のタイプのこちらをクリック

发布了1 篇原创文章 · 获赞 0 · 访问量 69

おすすめ

転載: blog.csdn.net/Ninlo/article/details/104052239