二つの実用的なCSS3のプロパティ、およびWeb制作のスキル

まず、使用:メニューではない()適用/キャンセルアプリケーションの境界線

二つの実用的なCSS3のプロパティ、およびWeb制作のスキル

私たちのいつもの練習はゼロにメニューの最後の境界線を境界線を設定し、設定した各メニュー項目を与えることです

/* add border */
.nav li {
  border-right: 1px solid #666;
}

//* remove border */
.nav li:last-child {
  border-right: none;
}
web前端开发学习Q-q-u-n: 731771211,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频,PDF)

同じ効果を達成するためにありません()擬似クラス:しかし、これ、使用をしません。

.nav li:not(:last-child) {
  border-right: 1px solid #666;
}

第一子〜リー、しかし:読める、()より明確ではないもちろん、あなたも.navのLi +、Liや.navリチウムを使用することができます

.nav li + li{
    border-left:1px solid #666;}

/*.nav li:first-child ~ li{
    border-left:1px solid #fff;
}*/

第二に、使用:n番目の子(n)の選択項目

(注:添字1は、最初の子要素です)

:選択リストの第三の要素を示すN番目の子(3)

:N番目の子(2N)をタグ......すなわち、第六、第四、第二の選択、さらにタグリストを表し

:N番目の子(2N-1)、すなわち、第1、第3、第5、第7を選択し、選択リスト奇数のラベルを表し......タグ

:N番目の子は(N + 3)最後の三つ(> = 3)にリストから選択されたラベルを表します

:N番目の子(-n + 3)すなわち、ラベルが3未満(<= 3)であり、0〜3の選択されたタグのリストを表します

:N番目-最後の子(3)は、選択リスト]タブ3の逆を表し

:各要素n番目の型(n)は、特定のタイプのN番目のサブエレメントに属する親要素と一致します

第三に、非表示がミュートされていない、自動再生の動画

video[autoplay]:not(:muted){
    display:none;
}
web前端开发学习Q-q-u-n: 731771211,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频,PDF)

ここでも、使用:not()の利点

四、IEの条件付きコメント

IEに条件付きコメントは、IEおよび非IE IEのバージョンを区別するための優れた能力を有する一般Web開発ハック方法に使用されるIE加工製品のHTMLコードを分離することができます

<!--[if lt IE 9]>
//解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题
  <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script> 

//让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<![endif]—>

web前端开发学习Q-q-u-n: 731771211,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频,PDF)
  • GT:より大きい、または選択基準のそれ以降のバージョン、状態、バージョンが含まれていません
  • LT:以下の選択基準バージョンのバージョンのバージョンが条件付き含まれていない未満
  • GTE:以上、選択基準またはそれ以降のバージョン、バージョン条件を含んでいました
  • LTE:以下の選択基準バージョンバージョンバージョンは条件が含まれている、以下
  • !:のレベルに関係なく、条件のバージョン以外のすべてのバージョンを選択します

第五には、固定テーブルレイアウトを形成:固定します;

通常、ワードラップで:ブレークワード;およびワードブレーク:ブレークのすべて;の使用

CSS3ワードラップの宿泊施設

ワードラップ:ノーマル|ブレークワード;

二つの実用的なCSS3のプロパティ、およびWeb制作のスキル

CSS3ワードbreakプロパティ

ワードブレイク:ノーマル|ブレイク|すべてキープすべて。

二つの実用的なCSS3のプロパティ、およびWeb制作のスキル

注:継続するには、新しいスキルを発見するには、更新していきます

おすすめ

転載: blog.51cto.com/14592820/2448310