• 学习接触到的标签和样式单词


    <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为上面的

  • 相关阅读:
    JSP——MVC模式+Servlet生命周期
    国际版多时区设计方案【转】
    创业互联网公司如何搭建自己的技术框架[转-2016]
    80后理财问题指南
    Xshell的常用命令
    了解ASP.NET Core 依赖注入,看这篇就够了 于2017年11月6日由jesseliu发布
    Http请求中Content-Type讲解以及在Spring MVC中的应用
    js模拟键盘事件
    js 模拟鼠标事件
    特殊字符处理 (生成正则时)
  • 原文地址:https://www.cnblogs.com/zjfman/p/11438584.html
Copyright © 2020-2023  润新知