その他の効果HTMLシリアル26-、Googleの開発者向けツール＆CSSの継承

まず、Googleの開発者向けツールその他のプロパティ（GoogleのブラウザのショートカットキーのF12）

（1）我々はいくつかの特定のコード行を見ることが可能な要素を選択

（2）ソースを表示

（3）スタイルのショーの要素、我々は要素が内側に変更することができ、選択された特定のスタイル属性を見ることができますが、一時的なビューとして、ソースコードを変更しません。

（4）特定のスタイルコード

位置の行のファイルの場所（5）

継承CSSの第二に、三つの特徴

定義：いくつかのプロパティを設定するための親要素、サブ要素を使用してもよいです

たとえば、次のように、Googleの開発者向けツールも検証を与えることができ、pタグは、divタグのプロパティを継承します

    < スタイル> 

        DIV { 

            色：赤; 

        } 

</ スタイル> 

</ ヘッド> 

< ボディ> 

< DIV > 

    < P > Iツールをテストするために使用されるDIV </ P > 

</ DIV >

3.注：

ラインの（1）すべてのプロパティが継承されることができない、唯一の色に/ font- /テキストベースプロパティ/初め、彼らは継承することができます前に、

例に示すように、この属性は、灰色ではなく、継承されたプロパティの代表であります

（2）在CSS的继承中不仅仅是儿子可以继承，只要是后代都可以继承

div{

            color: red;

            font-size: 50px;

            background: skyblue;

        }

 .......省略代码..........

<div>

    <ul>

        <li>

            <p>我是多层次的</p>

        </li>

    </ul>

</div>

（3）CSS继承性的特殊性

i.a标签的文字颜色和下划线是不能继承的

ii.h标签的文字大小是不能继承的

       div{

            color: red;

            text-decoration: none;

            font-size: 30px;

        }

      ......省略代码........

<div>

<a href="#">测试a标签</a>

<h1>

我是用来测试h标签的

</h1>

</div>

解释：a标签颜色不是红的而且带下划线，h标签的字体大小也不是我们设置的

4.作用：用来设置网页上的共性的格式，简约代码。

二、源码：

d84_inherit_character.html

地址:

https://github.com/ruigege66/HTML_learning/blob/master/d84_inherit_character.html

2.CSDN：https://blog.csdn.net/weixin_44630050（心悦君兮君不知-睿）

3.博客园：https://www.cnblogs.com/ruigege0000/

4.欢迎关注微信公众号：傅里叶变换，后台回复“礼包”获取Java大数据学习视频礼包

その他の効果HTMLシリアル26-、Googleの開発者向けツール＆CSSの継承

おすすめ