列表方块:针对<ol></ol>和<ul></ul>

属性style="list-style:none"                    //有序列表去掉序号

  style="list-style:circle"                    //有序列表为圆

  style="list-style:decimal"                 //有序列表正常默认序号

  style="list-style:disc"                    //有序列表序号为方点

  style="list-style:inside"                    //序号在内容中

  style="list-style:outside"                    //序号在内容外

  style="list-style-image:路径"                    //序号为图片

格式与布局

  style="position:fixed"                             //固定位置,相对浏览器边框固定住

    "position:absolute"                             //绝对位置,相对父级

     "position:relative"                             //相对位置,相对自身原来位置

  style="top:20px"                                       //距离上边20像素

        "left:20px"                                    //距离左边20像素

    "right:20px"                                    //距离右边20像素

    "bottom:20px"                                    //距离底边20像素

其他

  style="opacity:0.5"                                 //透明度为0.5

  style="cursor:pointer"                             //鼠标变为手形

  style="z-index:2"                                    //z轴方向的层次,值越大越靠上层。要配合position或float来使用才有效果。编代码时两层尽量不要紧挨着,是为了方便插入新层。

转载于:https://www.cnblogs.com/cmzhphp2017/p/7466933.html

CSS样式表——列表与布局相关推荐

  1. html中style布局放哪,CSS样式表与格式布局详解

    样式表 CSS(Cascading Style Sheets  层叠样式表),作用是美化HTML网页. 内联样式表: 例: 内联样式表 内嵌样式表:必须写在head标签里 例: p { 样式;} he ...

  2. html 将盒子固定浏览器,浏览器默认css样式表 css之左盒子固定,右盒子自适应的一种实现方式...

    浏览器默认css样式表 在页面布局或者是列表布局中,我们经常出现一个场景:左边是固定宽度的盒子,右边自适应:div>label>Open... maoguiyou 2016年09月13日 ...

  3. 怎样用html设置文档格式,Dreamweaver使用CSS样式表设置网页文本格式

    Dreamweaver使用CSS样式表设置网页文本格式 互联网   发布时间:2008-10-17 19:35:50   作者:佚名   我要评论 本文章介绍如何在 Dreamweaver 中使用层叠 ...

  4. css网站样式表是什么,什么是css样式表

    css样式表指的是层叠样式表(Cascading Style Sheets),简称CSS,是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内 ...

  5. 前端基础 CSS 第十一章 使用CSS样式表 特效属性部分 ----暑假学习第九天

    第十一章 使用CSS样式表 11.8 定位属性 使用定位属性可以控制元素的位置,包括相对定位和绝对定位两种方式.相对定位指允许元素在相对于文档布局的原始位置上进行偏移,而绝对定位是指允许元素与原始文档 ...

  6. 用于设定表格样式的附加css,Dreamweaver使用CSS样式表设置网页文本格式

    核心提示:本文章介绍如何在 Dreamweaver 中使用层叠样式表 (CSS) 设置页面中的文本格式.您可以使用 CSS 以 HTML 无法提供的方式来设置文本格式和定位文本,从而能更加灵活自如地控 ...

  7. WEB入门三 CSS样式表基础

    学习内容 Ø        CSS的基本语法 Ø        CSS选择器 Ø        常见的CSS样式 Ø        网页中3种使用CSS的方式 能力目标 Ø        理解CSS的 ...

  8. (转)CSS样式表继承详解

    什么是css 继承? 要想了解css样式表的继承,我们先从文档树(HTML DOM)开始.文档树由HTML元素组成. 文档树和家族树类似,也有祖先.后代.父亲.孩子和兄弟^_^.这很容易理解吧,笔者在 ...

  9. (原创分享,改进版)CSS样式表速成!

    大话CSS样式表速成 程序和美工一直是相辅相成的,一个好的Web项目需要不仅仅是程序的完美,同样一个好的用户使用页面,也可以 吸引一大部分用户.往往在传统的概念里,程序和美工总是被分开来说.一方面,这 ...

  10. 外链式样式表_引入CSS样式表(书写位置)

    CSS初识 CSS(Cascading Style Sheets) 美化样式 CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片 ...

最新文章

  1. 判断一个路径串是否为有效目录
  2. 11G Oracle RAC添加新表空间时数据文件误放置到本地文件系统的修正
  3. 计算机工程与应用单像素成像,2011计算机工程与应用基于压缩感知理论的单像素成像系统研究_白凌云.pdf...
  4. python读txt转array_python将txt文件读入为np.array的方法
  5. 苹果AirPods 2预计将于3月25日发布 3月29日正式开卖
  6. 静态tableview组背景色的更改及自定义cell的两种方式
  7. fckeditor php 不显示,PHP Fckeditor上传文件(或图片)中文显示为乱码的解决方法
  8. python 01列表异或_python运算符及优先级顺序
  9. Nginx+Tomcat+Session 高性能群集搭建
  10. python爬取歌词_python爬虫抓取某易云音乐歌词,从此不在下载
  11. 英语学术论文简短语句摘抄
  12. 基于selenium的大麦网自动抢票脚本实测(新年第一篇)
  13. hashmap怎么保证线程安全的方式
  14. Ubuntu18.04下OpenCV调用笔记本摄像头
  15. linux设置用户默认桌面背景,linux 修改桌面背景
  16. 信息3.0 ,让机器完成熵增中的有序
  17. BIN文件和HEX文件互转合并
  18. html文档注释多行,css注释的写法(单行和多行)
  19. 判断将输入字母,进行大写转小写,小写转大写
  20. AVFoundation(一)

热门文章

  1. 查看另外一台机器的docker情况 监控性能管理docker 配置Docker Daemon
  2. 数组中常用几种的Arrays方法
  3. centos 6.5 编译php mysql5.6_CentOS6.5 编译安装PHP5.6(apache模块)
  4. 什么将计算机连接到网络,Windows 8.1官方教程:将电脑连接到网络-windows技巧-电脑技巧收藏家...
  5. python语法学习第三天--列表
  6. JDBC04 PreparedStatement
  7. Jquery学习 -千锋学习
  8. sdk 今日头条_Unity接入今日头条广告(激励广告)
  9. 十一、Shell脚本流程控制语句
  10. Elasticsearc 6.x以后不再支持mapping下多个type