Html+css基础


<标签名>内容</标签名>
<input type="text" name="username" value="" id="" />
<p>段落内容...</p>


成对出现:
<开始标签>内容</结束标签>
单标签:
html
    标签:
    h标签:标题:h1-h6.字体加粗,换行
    i,b
    p:段落,一段文字,自动换行
    图片:<img src="图片的路径" width="" heigh="" border="" alt=""/>
    超级链接:<a href="链接的路径" target=""></a>
        <a><img></a>
        
        <a href="#name值"></a>
        <a name="XXX"></a>
    表格:<table width="" height="" border ="" bgcolor="" background="图片">
        tr:行
        td:列
        th:表头
        单元格的合并:td
            跨行:rowspan="2"
            跨列:colspan="2"

    表单:<form action="" method="get/post">
        <input type="text" />
        type=text/password/radio/checkbox/select/option/file/textarea
        按钮:
            <input type="button/reset/submit/image">
            button/image:空事件
            reset/submit:有事件
                reset:置空
                submit:请求提交,触发action后的路径

                get:默认的请求方式
                    url?参数名=参数值&参数名=参数值
                    数据不安全
                    少量的数据
                    容易乱码
                post:
                    数据打包写给服务器
                    较为安全
                    大量的数据
                    不容易乱码
    列表:
        有序:ol
            type="1/A/a/I"
        无序:ul
            type="circle/sque"
            circle:空心圈
                square:实心方块
                disc:实心圈(默认的)
        自定义:dl
            li

    分类:
        块级:独占一行.垂直排列
            
        行内:同一行内.水平排列

    
    
css:指层叠样式表 (Cascading Style Sheets) 
    用途:设置标签显示的样式

    外联:单独创建一个文件:XXX.css
        <link rel="stylesheet" type="text/css" href="XXX.css">

    内部:写在文档的<head>里
        <style></style>
    行内:写在标签里:
        <tagName syle="样式">


css语法:
    选择器{样式的声明;样式的声明}
    
    id选择器:标签的id属性,唯一
        #id名{}
    类选择器:标签的class属性
        .class名{}
    标签选择器:标签名
        h1,h2{}


    优先级:
        id>类>标签

    
    color:red;//文字颜色
    width://宽度
    heigh://高度
    background-color://背景色
    backgroun-image://背景图片
    font-size:字体大小
    ...

    盒子模型:
        1.border:边缘线
        2.margin:外边距
        3.padding:内边距


    定位:
        position:static,fixed,relative,absolute
    
    浮动:
        float:left,right
        clear:left/right/both;

转载于:https://my.oschina.net/foodieadult/blog/681284

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值