网页设计课所需掌握的单词
html    超文本标记语言
一、html框架类标签
    html -- 定义html文档
    body -- 定义文档体body
    head -- 定义文档头信息head
    title -- 定义文档的标题title
    -- [[html注释]]标签
二、html图像与链接类标签
    a -- html链接标签a  a标签的自身属性 href 链接内容 target 目标 _blank新窗口 _self 自身窗口
    img -- html图像标签img img的自身属性 src指定图片的位置 width:宽度 height高度
三、html文字相关标签
    h -- 定义标题1至标题6 h1, h2, h3, h4, h5, h6
    p -- html段落标签p
    span--html的常用标无意义标签
    div -- html层div
    strong -- 定义要强调显示的内容strong
四、html列表标签
    ul -- 定义html无序列表ul
    li -- 定义html列表内容li
    ol -- 定义html有序列表ul
    li -- 定义html列表内容li
    dl -- 定义html定义列表dl
    dt -- 定义html中列表名词dt
    dd -- 定义html中列表名词解释dd
五、html表格类标签
    table -- 定义html表格table  table的自身属性 width：宽度 border边框 cellpadding 文字到边框的距离 cellspacing单元格间距
    tr -- 定义表格行tr
    td -- 定义表格列td
六、html表单类标签
    form -- html表单标签form
    form的自身属性 name---为该表单取个名字 action 该表单的提交位置 method---方法 post 发送 get获取
    input -- 定义一个表单的输入域input
    <input type(类型)="#" name（名字）="abc" value（属性值）="">
        #＝text(文本框)
        #=password(密码框)
        #=radio(单选按钮)
        #=checkbox(复选框)
        #=file(上传文件)
        #=button(按钮)
        #=submit(提交按钮)
        #=reset(重置按钮)
    select -- 定义可选择的html表单select
        option----列表项
    textarea -- 定义一个多行的文字输入域textarea
        cols----列数
        rows---行数
七、html水平线标签hr
    color---水平线颜
    width---水平线的宽度
    size----水平线的尺寸
    align----水平线的对齐方式
CSS样式表
一、CSS的含义
    层叠样式表
二、CSS的样式表几种
    行内样式表 <p style（样式）=" ">文字</p>       
    内部样式表<style type(类型)=text(文本)/css> .....</style>
    链接式样式表<link(链接) href＝" "  type="text/css" rel(与href链接目标的关系)="stylesheet(样式表)"/>
    导入式样式表
        <style type="text/css">
        <!--
        @import(导入) url( );
        -->
        </style>
三、CSS选择器
    标记选择器
    类别选择器
    ID选择择器
    伪类选择器
    通用选择器(*)
四、CSS属性有那些
    1、文字段落属性（font/text）
        font-family:"宋体";    ----字体
        font-size:12px;----字大小
        font-weight(加粗):bold(加粗)/normal(正常);
        text-align(文本的水平对齐方式):left（左）/right（右）/center（居中）
        text-indent:20px;---首行缩进
        text-decoration(文本下划线):none（不加）/underline（下划线）
        line-height:22px;----行高                       
        display:block  显示（默认状态）------转为块级元素:
        display:inline; -----转为行内元素:
        display:none;  -------设置元素隐藏:
        verflow:hidden;  ---------设置超出边界的文本内容隐藏
    2、背景属性(background)
        background-color:#000; 背景颜
        background-image:url();背京图像
        background-repeat:no-reapeat/reapeat-x/reapeat-y/reapeat;背景图像重复与否
        background-position:left/center/top/bottom/right;背景图像的位置
    3、边框属性(border)
        border-top: text align center上边框
        border-bottom: 下边框
        border-left:左边框
        border-right:右边框
        border-width:1px 边框粗细
        border-collapse:collapse ;-  ----  设置边框重叠 
        border-style(边框样式):solid(实线)/dashed(虚线)/double(双线)/dotted(点线);
        border-color:#eeddff;边框颜
    4、内外边距属性（padding/margin)
        padding-left:20px;左内边距
        padding-right:10px;右内边距
        padding-top:10px;上内边距
        padding-bottom:20px;下内边距
        margin-left:20px;左外边距
        margin-right:10px;右外边距
        margin-top:10px;上外边距
        margin-bottom:20px;下外边距
    5、布局属性
        float(浮动):left(左)/right（右）
        clear(清楚):left(左)/right（右）both(两者)
    6、项目列表属性
        list-style(列表样式):none(没有)；
    7、尺寸属性
        width(宽):100px;
        height(高):200px;
  8 、定位：position:absolute  relative

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。