当前位置: 首页 > news >正文

css 样式表 基础 样式

1大小

  width  宽度

  height 高度

2 背景

  background-color 背景色

  background-image:url(图片位置) 背景图片

  background-repeat;  背景图片的平铺方式

  background-position  背景图片的位置

  background-attachment  设置背景图片是否滚动

  background-sizi  设置图片大小

3字体

  font-family 字体样式

  font-sizi 字体大小12px-16px

  font-style :italic倾斜

  font-weight :bold  加粗

  text-decoration  :underline  下划线

  color   颜色

4 对齐方式

  text-align  水平对齐

  vertical-align垂直对齐配合display:table-cell

  line-height 行高

  text-indent 缩进单位字符

5边界边框

  magin  外边距

  padding  内边距  上又下左  默认为0   加内边距会变大

  border  边框   3个要素  粗细 样式颜色

6 列表方块

  list-style : none 将列表前面的序号去掉

  list-style-image:   可以将前面的序号换成图片

7 其他

  隐藏(用户看不到,不占位置):            diaplay:none;

  显示(用户能看到):         display:block;

  div宽度等于文字宽度:       display:inline-block;

  z-index分层:                     z-index:5555;                  (数值越大的,越靠上)

  opacity:0.5;  -moz-opacity:0.5;   filter:alpha(opacity=50)  数值越小,透明度越大

  border-radius:5px;   圆角

  box-shadow:0 0 5px white;   阴影

 

8 定位

相对定位(占位置):position:relative;使元素作为常规元素出现,并且使position:absolute;在其中定位。用top/bottom/left/right来改变位置时,占据其他元素位置。

绝对定位(不占位置):position:absolute;单独使用后浮动,top/bottom/left/right来改变位置时,不占据其他元素位置。

固定在浏览器某个位置:position:fixed;

 

转载于:https://www.cnblogs.com/v587yy/p/6616985.html

相关文章:

  • 函数装饰器
  • 第二百一十节,jQuery EasyUI,SearchBox(搜索框)组件
  • UVa 10917 林中漫步
  • Ruby 写文件
  • Python学习日记之读取中文目录
  • STL List::sort() 解析
  • 饥饿鲨鱼进化-破解篇
  • 内存操作函数memcpy和memmove详解
  • 【原】STM32的USART与SPI是可以直接通讯
  • django自定义signal的发送和接收样例
  • MVC开发中的常见错误-07-“System.IO.DirectoryNotFoundException”类型的未经处理的异常在 mscorlib.dll 中发生...
  • 你必须要了解的几种排序方法
  • 补交 作业二:个人博客作业内容:需求分析
  • poj-1741 (点分治模板)
  • 分库分表中间件特性分析
  • IE9 : DOM Exception: INVALID_CHARACTER_ERR (5)
  • JS中 map, filter, some, every, forEach, for in, for of 用法总结
  • 2017届校招提前批面试回顾
  • Android框架之Volley
  • Git的一些常用操作
  • golang中接口赋值与方法集
  • ⭐ Unity 开发bug —— 打包后shader失效或者bug (我这里用Shader做两张图片的合并发现了问题)
  • Vim Clutch | 面向脚踏板编程……
  • 得到一个数组中任意X个元素的所有组合 即C(n,m)
  • 构造函数(constructor)与原型链(prototype)关系
  • 关于 Cirru Editor 存储格式
  • 面试总结JavaScript篇
  • 前端临床手札——文件上传
  • 前端每日实战:61# 视频演示如何用纯 CSS 创作一只咖啡壶
  • 想写好前端,先练好内功
  • 正则表达式
  • AI算硅基生命吗,为什么?
  • ​LeetCode解法汇总1410. HTML 实体解析器
  • ​软考-高级-系统架构设计师教程(清华第2版)【第1章-绪论-思维导图】​
  • !$boo在php中什么意思,php前戏
  • (C语言版)链表(三)——实现双向链表创建、删除、插入、释放内存等简单操作...
  • (Java实习生)每日10道面试题打卡——JavaWeb篇
  • (PHP)设置修改 Apache 文件根目录 (Document Root)(转帖)
  • (附源码)php新闻发布平台 毕业设计 141646
  • (附源码)springboot掌上博客系统 毕业设计063131
  • (附源码)ssm基于微信小程序的疫苗管理系统 毕业设计 092354
  • (附源码)计算机毕业设计高校学生选课系统
  • (六)Hibernate的二级缓存
  • (六)什么是Vite——热更新时vite、webpack做了什么
  • (一)基于IDEA的JAVA基础12
  • (一)认识微服务
  • .360、.halo勒索病毒的最新威胁:如何恢复您的数据?
  • .apk 成为历史!
  • .NET 事件模型教程(二)
  • .NET/C# 获取一个正在运行的进程的命令行参数
  • .NET/C# 利用 Walterlv.WeakEvents 高性能地定义和使用弱事件
  • .net下的富文本编辑器FCKeditor的配置方法
  • .net最好用的JSON类Newtonsoft.Json获取多级数据SelectToken
  • [ 常用工具篇 ] POC-bomber 漏洞检测工具安装及使用详解
  • [20171113]修改表结构删除列相关问题4.txt