HTML基础知识点（一）

0.单词不做截断

p{
    word-break: break-word; 
}

 

1.空格，回车在html中为文本分隔符
2.<ol type="1">type=1/a/A/i/I   reversed="reversed"倒序排  start="2"从第二个开始  基本没啥用
3.<ul>最常用于导航栏type="circle" list-style:none
4.<img>url路径 alt图片占位符 title图片提示符
5.<a>标签

• 链接
• 锚点href="#id名字"
• 打电话href="tel:184000000"
• 邮件href="mailto:邮箱地址"
• 协议限定符href="javascript:void(0)"

6.<form method="get" action="地址">发送数据
 

    <form method="GET" action="">
        username:
        <input type="text" name="username" style="color:#999" value="请输入用户名" onfocus="if(this.value=='请输入用户名'){this.value=''};this.style.color='#424242' "
            onblur="if(this.value==''){this.value='请输入用户名'};this.color='#999' ">
        <br> passward:
        <input type="password" name="password ">
        <br> sex:
        <input type="radio" name="sex" value="man" checked="checked">男
        <input type="radio" name="sex" value="feman">女
        <br>
        <button type="submit ">提交</button>
    </form>

7.主流浏览器机器内核：
    shell  内核
    ie   trident
    firefox  Gecko
    Google chrome  Webkit/blink
    Safari   Webkit
    Opera   presto

8.选择器和权重(256进制)

！important	infinity
行间样式	1000
id	100
class|属性|伪类	10
标签选择器	1
通配符  *	0

       
           
                  
        

 

 

 

9.HAML是一个命令行工具，需要先安装Ruby，在安装haml

ruby -v
gem install haml 

使用时将haml文件一次性装维html文件

haml input.haml output.html