コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTML&CSS_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:51:11
オリジナル
1202 人が閲覧しました

一、HTML

标签
使用该标签描述网页的具体摘要信息，包括文档内容类型，字符编码信息，搜索关键字，网站提供的功能和服务的详细描述等。标签描述的内容并不显示，其目的是方便浏览器解析或利于搜索引擎搜索，它采用“名称/值”对的方式描述摘要信息。
1）文档内容类型，字符编码信息

     >名称：Content-Type(文档内容类型)
     >值：text/html; charset=gb2312
2）搜索关键字和内容描述信息


实现的方式：“名称|值”对的形式，keywords表示搜索关键字，description表示网站内容的具体描述。

块级标签
和行级标签相比，块级标签具有如下特点：
    1，前后断行显示，块级标签比较“霸道”，默认状态下占据一整行。
    2，具有一定的宽度和高度。
    3，块级标签常用作容器

特殊符号
   空格
   大于号>
   小于号<
   双引号"
   版权符号©

 

二、CSS

常用文本属性
line-height          行高
text-align            对齐方式
letter-spacing      字符间距
text-decoration    文本修饰    常用属性值有：underline 下划线 none 无样式
white-space         如何处理空白   white-space="nowrap"  文本溢出不换行

重要背景属性
background-repeat     平铺方式       no-repeat,repeat-x,repeat-y
background-position   初始位置

盒模型层次（3D）从上往下看
第一层： border
第二层： Content（内容），padding
第三层： background-image
第四层： background-color
第五层： margin

超链接伪类
a:link          未单击访问时
a:visited      单击访问后
a:hover       鼠标悬浮其上时
a:active       鼠标单击未释放时

多选择器的组合
li.           标签+类                    li.pic{}类名为pic的

  • 标签样式
    div#       标签+id                    div#nav{}id为"nav"的
    标签样式
    # .         id+空格+类               #nav .pic{}id为"nav"元素内的pic类样式
    # . ,       id+空格+类+逗号       #nav .pic,#nav .text{}id为"nav"元素内的pic和text类的样式

     

     

    • 関連ラベル：
    漏网之鱼HTML&CSS
    ソース：php.cn
    前の記事：第 1 レベルのディレクトリ間にこれほど大きなギャップがあるのはなぜですか? _html/css_WEB-ITnose 次の記事：Flying Saucer は HTML から PDF への変換を実装します (いくつかの問題、継続的な更新)_html/css_WEB-ITnose
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    著者別の最新記事
    最新の問題
    グリッドテンプレートの列が行上の項目を整列させない 私は HTML と CSS の初心者で、grid-template-column を使用してナビゲーション バーを作成しようとしています。私のアイデアは、ナビゲーション バーをロゴ...
    から 2024-04-03 16:58:18
    0
    1
    370
    ボタンをアクティブにするとホバー効果が誤動作する 私は Web 開発 (HTML、CSS、JS) の基礎を学ぼうとしているので、動作する Apple 電卓を作ろうとしています。小さなバグに気づくまではすべてが正常に動作していました...
    から 2024-04-01 21:51:26
    0
    1
    396
    関連トピック
    詳細>
    人気のおすすめ
    人気のチュートリアル
    詳細>
    関連するチュートリアル
    人気のおすすめ
    最新のコース
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート