HTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:42:02
原創
1318 人瀏覽過

  • HTML

    元素名称

    属性

    属性可选值

    属性默认值

    button

    type

    button

    ?

    reset

    ?

    submit

    ?

    可以观察如下代码及其最终效果:

    1.  

    2.    

    3.    

    4.  

    5.    

    6.    

    因此,在表单中如果要使用

  • CSS
    1. 文字排版

      1. word-spacing 只对英文有效,可参考以下代码及其最终效果:
      1. this paragraph has a spacing of 10 pixels between words

      2. 汉语段落单词间距有效吗

  • HTML + CSS
    1. 溢出控制 overflow

    经过验证发现:

    1. 无论是 html5 还是 xhtml中, 无意义的英文文本不会因为碰到父元素的边界就自动换行,而是会随着内容增加朝右侧无限延伸;

    2. 无论是 html5 还是 xhtml, 中文均会自动换行。

    3. 图像遇到 父元素边界会自动换行。

    验证代码见下:

    XTHML 版本:

    1. xthml 验证溢出效果
    2.  

    3. div{

    4.    border:1px black solid;

    5.    margin:100px;

    6.    height:140px;

    7.    overflow:visible;

    8. }

    9. .meaningful {

    10.    width:500px;

    11.    background:red;

    12. }

    13. .nonsense{

    14.    width:400px;

    15.    background:green;

    16. }

    17.  

    18.    

    19.    

    20.    

    21.       english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.english is english.

    22.    

  •    


  •    

  •    

  •       

  •          abcaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnose

  •          aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabcabcabcabcaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabcabcabcabcabcabcabcabcabcabcabcabcabc

  •       

  •    

  •    


  •    

  •    

  •       HTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnose

  •    

  •    

  •    


  •    

  •       中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。中文。

  •    

  •    

  •       

  •          中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!中文不会跑出去!

  •       

  •    

  •    

  •    


  •    HTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnose

  • HTML 5 版本:

    1. h5 验证溢出效果
    2. div{

    3.    border:1px blue solid;

    4.    height:140px;

    5.    margin:50px;

    6.    overflow:visible;

    7. }

    8. .eng{

    9.    width:400px;

    10.    background:grey;

    11. }

    12. .cn{

    13.    width:500px;

    14.    background:red;

    15. }

    16.  

    17.  

    18.    

    19.    

    20.       in-div and outside-paragraph texts.in-div and outside-paragraph texts.in-div and outside-paragraph texts.in-div and outside-paragraph texts.in-div and outside-paragraph texts.in-div and outside-paragraph texts.in-div and outside-paragraph texts.in-div and outside-paragraph texts.

    21.    

    22.    

    23.       

    24.       

    25.          asdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfdasdfasijfdasdkfjaksfdaksjkfajkdfjaksjfd

    26.       

    27.    

    28.    

    29.       

    30.       HTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnose

    31.    

    32.    


    33.    

    34.    

    35.       div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。div内段落外文字。

    36.    

    37.    

    38.       

      div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。div内段落内文字。

    39.       

    40.       

      去微软推哦怕是的法国红酒看来;自行车人的消息传出气氛佳伟峰皮卡史蒂夫去年危机的身份暖水瓶打开佛卡上的就非要你还不公布

    41.    

    42.    


    43.    

    44.    HTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnoseHTML 与 CSS 中值得注意的要点(持续更新)_html/css_WEB-ITnose

    相關標籤:
    來源:php.cn
    上一篇:CSS3制作Freebie标签_html/css_WEB-ITnose 下一篇:background-position百分比原理_html/css_WEB-ITnose
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    作者最新文章
    最新問題
    關於CSS心智圖的課件在哪? 課件
    來自於 2024-04-16 10:10:18
    0
    0
    1615
    相關專題
    更多>
    熱門推薦
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板