CSS样式表——列表与布局
列表方块:针对<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样式表——列表与布局相关推荐
- html中style布局放哪,CSS样式表与格式布局详解
样式表 CSS(Cascading Style Sheets 层叠样式表),作用是美化HTML网页. 内联样式表: 例: 内联样式表 内嵌样式表:必须写在head标签里 例: p { 样式;} he ...
- html 将盒子固定浏览器,浏览器默认css样式表 css之左盒子固定,右盒子自适应的一种实现方式...
浏览器默认css样式表 在页面布局或者是列表布局中,我们经常出现一个场景:左边是固定宽度的盒子,右边自适应:div>label>Open... maoguiyou 2016年09月13日 ...
- 怎样用html设置文档格式,Dreamweaver使用CSS样式表设置网页文本格式
Dreamweaver使用CSS样式表设置网页文本格式 互联网 发布时间:2008-10-17 19:35:50 作者:佚名 我要评论 本文章介绍如何在 Dreamweaver 中使用层叠 ...
- css网站样式表是什么,什么是css样式表
css样式表指的是层叠样式表(Cascading Style Sheets),简称CSS,是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内 ...
- 前端基础 CSS 第十一章 使用CSS样式表 特效属性部分 ----暑假学习第九天
第十一章 使用CSS样式表 11.8 定位属性 使用定位属性可以控制元素的位置,包括相对定位和绝对定位两种方式.相对定位指允许元素在相对于文档布局的原始位置上进行偏移,而绝对定位是指允许元素与原始文档 ...
- 用于设定表格样式的附加css,Dreamweaver使用CSS样式表设置网页文本格式
核心提示:本文章介绍如何在 Dreamweaver 中使用层叠样式表 (CSS) 设置页面中的文本格式.您可以使用 CSS 以 HTML 无法提供的方式来设置文本格式和定位文本,从而能更加灵活自如地控 ...
- WEB入门三 CSS样式表基础
学习内容 Ø CSS的基本语法 Ø CSS选择器 Ø 常见的CSS样式 Ø 网页中3种使用CSS的方式 能力目标 Ø 理解CSS的 ...
- (转)CSS样式表继承详解
什么是css 继承? 要想了解css样式表的继承,我们先从文档树(HTML DOM)开始.文档树由HTML元素组成. 文档树和家族树类似,也有祖先.后代.父亲.孩子和兄弟^_^.这很容易理解吧,笔者在 ...
- (原创分享,改进版)CSS样式表速成!
大话CSS样式表速成 程序和美工一直是相辅相成的,一个好的Web项目需要不仅仅是程序的完美,同样一个好的用户使用页面,也可以 吸引一大部分用户.往往在传统的概念里,程序和美工总是被分开来说.一方面,这 ...
- 外链式样式表_引入CSS样式表(书写位置)
CSS初识 CSS(Cascading Style Sheets) 美化样式 CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片 ...
最新文章
- 判断一个路径串是否为有效目录
- 11G Oracle RAC添加新表空间时数据文件误放置到本地文件系统的修正
- 计算机工程与应用单像素成像,2011计算机工程与应用基于压缩感知理论的单像素成像系统研究_白凌云.pdf...
- python读txt转array_python将txt文件读入为np.array的方法
- 苹果AirPods 2预计将于3月25日发布 3月29日正式开卖
- 静态tableview组背景色的更改及自定义cell的两种方式
- fckeditor php 不显示,PHP Fckeditor上传文件(或图片)中文显示为乱码的解决方法
- python 01列表异或_python运算符及优先级顺序
- Nginx+Tomcat+Session 高性能群集搭建
- python爬取歌词_python爬虫抓取某易云音乐歌词,从此不在下载
- 英语学术论文简短语句摘抄
- 基于selenium的大麦网自动抢票脚本实测(新年第一篇)
- hashmap怎么保证线程安全的方式
- Ubuntu18.04下OpenCV调用笔记本摄像头
- linux设置用户默认桌面背景,linux 修改桌面背景
- 信息3.0 ,让机器完成熵增中的有序
- BIN文件和HEX文件互转合并
- html文档注释多行,css注释的写法(单行和多行)
- 判断将输入字母,进行大写转小写,小写转大写
- AVFoundation(一)
热门文章
- 查看另外一台机器的docker情况 监控性能管理docker 配置Docker Daemon
- 数组中常用几种的Arrays方法
- centos 6.5 编译php mysql5.6_CentOS6.5 编译安装PHP5.6(apache模块)
- 什么将计算机连接到网络,Windows 8.1官方教程:将电脑连接到网络-windows技巧-电脑技巧收藏家...
- python语法学习第三天--列表
- JDBC04 PreparedStatement
- Jquery学习 -千锋学习
- sdk 今日头条_Unity接入今日头条广告(激励广告)
- 十一、Shell脚本流程控制语句
- Elasticsearc 6.x以后不再支持mapping下多个type