CSS 样式属性
大小
width 宽 body { min-width:1200px;
height 高 } -- 设定页面最小宽度
背景
background-color:____ -- 背景色
background-image :url( 地址 ) -- 背景图
background-repeat: ____ -- 背景图的平铺方式
repert 平铺
no-repert 不平铺
repert-x x 轴平铺
repert-y y 轴平铺
background-position :____ -- 背景图片位置
center 居中
right top 右上角
left 100px top 200px 距左侧100像素,距离上200像素
background-size : _(像素/百分比) -- 背景图的大小
background-attachment: _____ -- 背景图片是否浮动
fixed 背景固定锁住
scroll 背景随字体浮动
字体
font-family: ___ -- 字体 一般默认为“微软雅黑”
font-size :___ -- 字号
font-style:___ -- 字体是否倾斜
italic 倾斜
normal 不倾斜
font-weight____ -- 字体是否加粗
bold 加粗
normal 不加粗
font-decoration____ -- 设置下划线
underline 下划线
overline 上划线
line-trough 删除线
none 去掉超链接的下划线
color -- 字体颜色
对齐方式
text-align: ____ -- 水平对齐方式
center 居中对齐
left 左对齐
right 右对齐
vertical-align: ____ -- 垂直对齐方式
top 顶部对齐
bottom 底部对齐
middle 居中
vertical-align:middle
display:table-cell -- 两者配合方能垂直对齐。
line-height:____ -- 行高
text-indent:____ -- 缩进
边界边框
margin -- 外边距,四周边框与外部的距离
margin:10px; 四个方向的边距都是10像素
margin:50px 0 ; 上下 50 像素,左右0
margin-top:10px; 上边框与其他元素的距离,
margin:10px 0 10px 0 ; 按 上、右、下、左 的顺序与其他元素的距离
padding -- 内边距,内容与边框的距离
padding:10px; 内容与边框最短的距离是10像素,
-- 文字所占的空间大小不变,将四个边框向外延伸10像素
padding: 20px 0 20px 0 ; 上、右、下、左的边距
border -- 边框
border-width:5px; 边框的粗细
border-style:solid; 边框的样式(虚,实等)
border-color:red; 边框的颜色
border: 2px solid red ; (简写)
列表方块
list-style:none 将序列的序号图案去掉
list-style-image:url( 图片地址 ); 将序号变为图片
隐藏
display: none; 隐藏 -- 隐藏位置不保留
block; 显示
visibility: hidden; 隐藏 -- 隐藏后位置保留
visible; 显示
overflow: hidden -- 超出部分隐藏
scroll 加滚动条
透明
opacity:0.5; -- 对谷歌,360等高等浏览器有用
-moz-opacity:0.5; -- 针对火狐浏览器
flter:alpha (opacity=50); -- 针对 IE 浏览器
圆角 -- 无法用于IE浏览器
border-radius:5px; 将边框的角削去5个像素
阴影 -- 无法用于IE浏览器
box-shadow: 50px 0 30px black
-- 左右偏移(右正左负)、上下偏移(上正下负)、阴影扩散成度、阴影颜色
CSS 样式属性的更多相关文章
- js中获取css样式属性值
关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的.针对css ...
- IE6支持兼容min-width、max-width CSS样式属性
IE6支持兼容min-width.max-width CSS样式属性 让IE6支持max-width.IE6支持min-width样式 我们在写CSS的时候,常常会遇到让一个图片或一个布局不能超出设定 ...
- HTML布局相关的CSS样式属性
# 转载请留言联系 注意,样式属性是写进CSS里面的. 布局常用样式属性: width 设置元素(标签)的宽度,如:width:100px; height 设置元素(标签)的高度,如:height:2 ...
- CSS样式属性单词之Left
通常left单独在CSS中设置无效,需要在使用position属性下使用才能生效起作用.left左靠多少距离(距离左边多少)的作用. left 一.left认识与语法 left翻译:左边,左 在CSS ...
- 常用CSS样式属性
01.常用样式 1.1.background背景 设置元素背景的样式 background,更好的衬托内容. 属性 描述 值 background 背景属性简写.支持多组背景设置,逗号,隔开 back ...
- IE6支持min-width、max-width CSS样式属性
1.IE6支持max-width解决方法 IE6支持最大宽度,解决CSS代码: .yangshi{ max-width:1000px; _width:expression((document.docu ...
- 11-18网页基础--第二部分CSS样式属性(1)
第一课:样式属性 style 样式:style样式不仅可以直接在<body>中设置成整个网页的样式.格式:为了将样式.格式多样化,也可以将style单独抽出来,作为一个独立的个体,放在&l ...
- CSS样式属性——字体+文本
CSS属性可分为以下几类:字体.背景.文本.位置.布局.边缘.列表 1. 字体——主要包括文字的字体.大小.颜色.显示效果等基本样式 font-family:用于设置字体系列 font-size:字体 ...
- CSS样式属性分类
A 文字 1 font-family:字体名称 注意: 当指定多种字体时,用“,”分隔每种字体的名称 当字体名称包含两个以上分开的单词是,用“”把该字体名称括起来. 当样式规则外已经有“”时,用‘’代 ...
- Jquery中animate可以操作css样式属性总结
可以用 animate() 方法来操作所有 CSS 属性吗? 是的,几乎可以!不过,需要记住一件重要的事情:当使用 animate()时, 必须使用 Camel 标记法书写所有的属性名,比如,必须使用 ...
随机推荐
- ZedGraph设置辅助线
ZedGraph设置辅助线 1.一般来说ZedGraph设置参考线可以用 ZedGraph对象.YAxis.MajorGrid.IsVisible = True '水平参考线 ZedGraph对象.X ...
- C# 在WPF中使用Exceptionless异常日志框架
登录http://exceptionless.com/官网,注册一个账户. 创建项目 选择wpf项目类型 拷贝下箭头指的这个密钥,过后程序里用的到. 下面我们打开vs,新建一个wpf的项目 打开git ...
- UWP Button添加圆角阴影(一)
原文:UWP Button添加圆角阴影(一) 众所周知,17763之前的UWP控件,大部分是没有圆角属性的:而阴影也只有17763中的ThemeShadow可以直接在xaml中使用,之前的版本只能用D ...
- 多个文本框录入,使用回车键替找Tab键
为了快速把form的所有文框输入完毕,我们不必使用鼠标去focus文本框. 在html页中放几个文本框: <div class="DivInput"> <div& ...
- 【转】C# Enum,Int,String的互相转换 枚举转换
Enum为枚举提供基类,其基础类型可以是除 Char 外的任何整型.如果没有显式声明基础类型,则使用 Int32.编程语言通常提供语法来声明由一组已命名的常数和它们的值组成的枚举. 注意:枚举类型的基 ...
- 《PHP, MySQL, Javascript和CSS》读书随手记----MySQL篇
一 基础 要求结尾分号 如果在命令输入期间想要终止其运行,不要Ctrl-C. 要输入\c,并按回车键. sql命令和关键字不区分大小写. 表名在windows中不区分大小写,但是在linux和os x ...
- mybatis四大接口之 ResultSetHandler
1. 继承结构 2. ResultSetHandler public interface ResultSetHandler { // 将Statement执行后产生的结果集(可能有多个结果集)映射为结 ...
- D3.js的基础部分之选择集的处理 enter和exit的处理方法 (v3版本)
上一节给大家讲述额绑定数据的原理.当数组的长度与元素的数量不一致时,有enter部分和exit部分,前者表示存在多余的数据,后者表示存在多余的元素.本节将给大家介绍如何处理这些多余的东西,最后会给大家 ...
- 配置django图片上传与保存展示
近来在研究django,发现有好多好玩的功能,比如图片上传,以前处理这个比较麻烦,现在我们来看看如何来处理图片上传与保存 1.在数据库设计的时候需要配置upload_to image = models ...
- [Leetcode]931.下降路径最小和
题目链接 这一题目首先需要弄懂题目的意思,下降路径最小和指的是在方阵中可以从上往下行走,走过后获得的值最小,方向可以是走左下,右下,直下. 题目和传统的动态规划一样,把边界的值先初始化,然后通过状态转 ...