zoukankan      html  css  js  c++  java
  • 学习接触到的标签和样式单词

    <a><!--链接:href target-->
    <div><!--盒子模型,没有实际的语义-->
    <span><!--没有实际的语义,用于布局-->
    <br  /><!--转行单标签-->
    <table>    
        <tr>
            <tb>    <!--表格标签 其中表头可以用<th>标签-->
    <form><!--表单域,通常每个表单都对应有一个表单域 其中属性有 action method-->
    <input><!--按钮 其中属性有 type name value-->
    <select><!--下拉菜单 和<option>标签连用-->
    <textarea><!--表单中经常使用到的留言板块标签,用于定义可以回车的TEXT-->
    <lable><!--表单中的标签,例如用户名:这样子 -->
    <link /><!--用于连接外部样式表 src属性-->
    <img /><!--图片标签-->
    <h1>~<h6><!--标题1到6号标签-->

    HTML为上面的,每次学习更新

    color:颜色  RGB 十六进制  类似red这样书写
    font-size:字体大小 必须带单位px 或者em
    font-family:字体族
    font-weight:是否加粗  400为普通字体  700为加粗
    font-style:字体风格 控制是否为斜体
    font:字体连写 顺序必须根据 font-stylefont-weightfont-sizeline-heightfont-family来
    line-height:行高 行高等于盒子的高度可以使单行文本垂直居中
    text-align:文本内容进行居中
    text-decoration:下划线样式 常用none属性和overline
    text-indent:首行缩进
    a:link 未访问的链接样式                 --------链接伪类必须按照顺序 lvha来写
    a:visited 已访问过的链接样式         ---------链接伪类必须按照顺序 lvha来写
    a:hover 鼠标停留时的样式             ----------链接伪类必须按照顺序 lvha来写
    a:active 选定时的样式                   -------链接伪类必须按照顺序 lvha来写
    diaplay:标签元素模式转换 属性 block 转化为块级元素  inline转换为行内元素  inline-block转化为行内块元素
    设置块级元素或者行内块元素的宽
    height:设置块级元素或者行内块元素的高
    border:盒子边框
    position:定位 relative相对定位 absolute绝对定位 fixed固定定位 static静态定位
    box-shadow:盒子阴影
    transition:延迟出现(CSS3)
    float:浮动
    margin:外边距设置
    padding:内边距设置
    clear:both 清除浮动 额外标签法
    z-index:层次显示
    vertical-algin:只用于块级元素 垂直居中
    display:none 隐藏对象(隐藏后不占位置)
    visibility:hidden 隐藏对象(隐藏后占位置)
    cursor:鼠标样式
    outline:none 取消input的轮廓
    resize:none 取消textarea的拖拽
    white-space:文字超过盒子,强制同一行显示
    overflow:hidden 溢出隐藏
    text-overflow:文字溢出
    background: 背景
    background-position:背景图定位
    sprite精灵图 主要用于减轻服务器接收和发送的次数(仅背景图适用,产品的插入图片不能使用)

    CSS为上面的

  • 相关阅读:
    Eclipse 导入项目乱码问题(中文乱码)
    sql中视图视图的作用
    Java基础-super关键字与this关键字
    Android LayoutInflater.inflate(int resource, ViewGroup root, boolean attachToRoot)的参数理解
    Android View和ViewGroup
    工厂方法模式(java 设计模式)
    设计模式(java) 单例模式 单例类
    eclipse乱码解决方法
    No resource found that matches the given name 'Theme.AppCompat.Light 的完美解决方案
    【转】使用 Eclipse 调试 Java 程序的 10 个技巧
  • 原文地址:https://www.cnblogs.com/zjfman/p/11438584.html
Copyright © 2011-2022 走看看