zoukankan      html  css  js  c++  java
  • 标签分类与元素转换

    css
    常见的css样式:
    列表:
    无序列表:
    list-style-type 设置无序列表前面的列表符号
    disc 表示实心圆
    square表示实心方块
    circle表示空心圆
    none 表示去掉列表符号
    list-style-position 设置列表前面的项目符号是否包含在整个标签宽度范围之内
    默认 outside 不在宽度范围内
    inside 表示包含在列表宽度范围内
    list-style-image 表示以图片作为列表的项目符号

    list-style:none; 表示去掉列表前面的项目符号

    有序列表:
    list-style-type:

    标签的分类:
    p 段落标签
    h1 -- h6 标题标签
    span 应用于段落内部分文字修改的标签
    br 换行
    hr 水平线
    b 加粗
    i 倾斜
    a 超链接
    sup 上标
    sub 下标
    img 图片
    input 输入框
    button 按钮
    ol 有序列表
    li 列表项
    ul 无序列表
    dl 定义列表
    dt 定义的名词项
    dd 定义的解释项
    table 表格
    tr 行
    td 列 单元格
    th 表头的单元格
    thead 表头
    tbody 表格主体
    caption 表格标题
    form 表单
    select 下拉菜单
    option 下拉列表项
    textarea 文本域
    div 普通盒子

    大的范围分为两种:
    单标记
    双标记

    标签的分类:
    块级标签: 该标签会单独占据一行,可以手动设置宽和高
    h1 --- h6 p br hr ol li ul dl dt dd table tr thead tbody caption
    form div

    行内标签: 该标签不会单独占据一行,无法手动设置宽和高,宽高是由里面的内容自动撑开
    span b i a sub sup option

    行内块级标签:该标签不会单独占据一行,但可以手动设置宽和高
    img input button td th select textarea

    标签之间的嵌套规则:
    块级标签内部可以嵌套任意类型的标签
    行内标签内部不允许嵌套块级标签
    ul 或 ol 标签中 只允许li标签出现 li标签中可以嵌套任意标签

    标签之间的转换:
    display 表示元素之间的转换
    block 表示其他元素转换成块级元素
    inline 表示其他元素转换成行内元素
    inline-block 表示其他元素转换成行内块级元素
    none 表示将该元素隐藏

    overflow: hidden; 表示设置溢出部分隐藏
    visibility: hidden; 表示元素隐藏


    visibility: hidden; 与display:none; 区别
    同样都是对元素进行隐藏
    visibility:表示占位隐藏
    display:表示不占位隐藏

  • 相关阅读:
    转C#与CSV
    转Log4Net配置
    转sp_addlinkedserver实现远程数据库链接
    HTML DOM
    JavaScript学习
    2016年的个人计划-xiangjiejie
    sass转换为css
    返回上一页显示上次操作后的界面
    angular ng-bind-html 对src路径失效 解决方案
    angular json转义html
  • 原文地址:https://www.cnblogs.com/kyhboke/p/11748627.html
Copyright © 2011-2022 走看看