ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS3 Secrets の第 3 版は、HTML5 学習ノート_html/css_WEB-ITnose の第 9 章から第 12 章までをカバーしています。

CSS3 Secrets の第 3 版は、HTML5 学習ノート_html/css_WEB-ITnose の第 9 章から第 12 章までをカバーしています。

WBOY
リリース: 2016-06-24 11:22:41
オリジナル
1086 人が閲覧しました

第 9 章、Web サイトのナビゲーションの装飾

アクセスの制限 プライバシー上の理由から、ブラウザは疑似クラス:visited に適用できる CSS 属性を制限し始めています。これには、訪問したリンクの色、背景色、境界線の色、およびその他のスタイルの定義が含まれます (これらのリンクの通常の状態に対して色、背景色、境界線の色が定義されていない限り)

タグの場合、すべてさまざまな訪問状態がスタイル設定されますが、スタイルを有効にするには、リンクを特定の順序で指定する必要があります: リンク、訪問済み、ホバー、アクティブ

CSS3 ボタン ジェネレーター: http://css3button.net

CSS3 ボタンの優れた例: http://hellohappy.org/css3-buttons/ および http://webdesignerwall.com/tutorials/css3-gradient-buttons

垂直ナビゲーション バー

1. リンクをブロックとして表示する

2. ボタンの幅を制限する

水平ナビゲーション バー

方法 1. display:inline-block 属性を使用しますが、ボタンの間に小さな隙間が残ります。

スペースを削除する方法 1: 前の と次の

  • を同じ行に配置します

    deb132c5ab21c45c9292487497c8598d

    但,如果border-collapse设为collapse,则浏览器忽略empty-cells属性,依然显示空白单元格边框和背景色

    给表单定义样式

    HTML表单元素

    1、fieldset,

    标签用来集中相关表单问题

    2、legend,标签就在

    标签的HTML代码之后,它给一组域提供一个标签

    3、text fields(文本域)

    4、buttons(按钮),表单按钮:提交,重置或其他动作

    5、drop-down menus(下拉菜单),