CSS随笔1(CSS常用样式)
|
样式 |
属性 |
| 大小 | font-size(x-large ; xx-small ; 可用数值单位 : PX,PD) |
| 样式 | font-style(oblique 偏斜体 ; italic 斜体 ; normal : 正常) |
| 行高 |
line-height(单位 : PX,PD,EM) |
| 粗细 | font-weight(bold 粗体; lighter: 细体; normal : 正常) |
| 修饰 | text-decoration(underline 写划线 ; overline 上划线 ; line-through 删除线 ; bink 闪烁 ;) |
| 常用字体 | font-family |
| 背景属性 |
backgroun 色彩 backgroumd-color #FFFFFF 图片 background-image : url() 重复 background-repeat |
| 字间距 | letter-spacing |
| 对齐 | text-align(justify 两端对齐; left 左对齐; right 右对齐; center 居中;) |
| 缩进 | text-indent |
| 垂直对齐 | vertical-align(top;text-top;middle;bottom;text-bottom) |
| 空格 | e-space |
| 边框属性 |
Border border-style(dotted 点线;dashed 虚线;soliddouble 双线;groove 槽线;ridge 脊状;inset 凹陷;outset 凸现) border-width:边框宽度 border-color:边框颜色 |
| 列表属性 |
Lise-style(list-style-type:disc 圆点;circle 圆圈;square 方块;decimal 数字;lower-roman 小罗马数字) |
* 背景样式
- 设置一张背景图时,可用background-image:url(图片地址)设置,然后用background-size:100%和background-repeat:no-repeat使得图片不重复而是单张铺满。
- 背景定位:background-position,其取值有关键字:top,center,bottom分别和left,right,center 的组合;百分比:%x y%表示背景图片的相对位置;
- 背景关联:background-attachment:scroll 随着页面的滚动背景;fixed 随着页面滚动背景不移动
CSS随笔1(CSS常用样式)的更多相关文章
- CSS文字,文本常用样式
CSS文字,文本常用样式 字体属性 font-family 如果电脑没有第一个字体,就切换到下一个 body { font-family: Microsoft YaHei,Helvetica,Aria ...
- css边框以及其他常用样式
1. 边框是1像素,实体的,红色的. <!DOCTYPE html> <html lang="en"> <head> <meta char ...
- 3、css边框以及其他常用样式
一.边框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- ...
- CSS/CSS3常用样式小结
1.强制文本单行显示: white-space:nowrap; 多行文本最后省略号: display: -webkit-box; -webkit-line-clamp:2; overflow: hid ...
- CSS常用样式及示例
CSS常用样式及示例 一.简介 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集) ...
- #8.10.16总结# 属性选择符 伪对象选择符 CSS的常用样式
属性选择符 E[att] E[att="val"] E[att~="val"] E[att^="val"] E[att$="val ...
- CSS常用样式(四)之animation
上篇CSS常用样式(三)这篇博文中已经介绍过了CSS中具有动画效果的transition.transform,今天来大概说说CSS中的animation.animation的加入会使得动画效果更加乐观 ...
- 从零开始学习前端开发 — 9、标签嵌套规则及CSS常用样式覆盖
1. 块级元素可以包含内联元素或某些块级元素,但内联元素却不能包含块级元素,它只能包含其它的内联元素: <div><h1></h1><p></p& ...
- CSS基础--常用样式
一.背景相关 背景颜色 background-color :颜色名称/rgb值/十六进制值 背景图片 background-image :url('') 背景图片平铺方式 background-rep ...
- css入门二-常用样式
css入门二-常用样式总结 基本标签样式 背景色background-color 高度height; 宽度width; 边框对齐以及详细设定举例 width/*宽度*/: 80%; height/*高 ...
随机推荐
- APP热更新方案
为什么要做热更新 当一个App发布之后,突然发现了一个严重bug需要进行紧急修复,这时候公司各方就会忙得焦头烂额:重新打包App.测试.向各个应用市场和渠道换包.提示用户升级.用户下载.覆盖安装. 重 ...
- Java中SimpleDateFormat用法详解
所有已实现的接口: Serializable, Cloneable SimpleDateFormat 是一个以与语言环境有关的方式来格式化和解析日期的具体类.它允许进行格式化(日期 -> 文本) ...
- CSS3学习系列之选择器(三)
E:enabled伪类选择器和E:disabled伪类选择器 E:enabled伪类选择器用来指定元素处于可用状态的样式. E:disabled伪类选择器用来指定当元素处于不可用状态时的样式. 当一个 ...
- .Net中的AOP系列之《将AOP作为架构工具》
返回<.Net中的AOP>系列学习总目录 本篇目录 编译时初始化和验证 编译时初始化 切面验证的正确用法 真实案例:复习线程 架构约束 强制架构 真实案例:NHibernate 多播 类级 ...
- RSA加密通信小结(三)--生成加解密所需的SSL命令与流程
在iOS中使用RSA加密解密,需要用到.der和.p12后缀格式的文件,其中.der格式的文件存放的是公钥(Public key)用于加密,.p12格式的文件存放的是私钥(Private key)用于 ...
- phpcms v9 调用自定义字段多图片的第一张或第N张图为缩略图
1.打开相应要使用组图的模型的组图字段,添加组图 字段提示为 <div class="content_attr"> <label><input typ ...
- Python对象类型及其运算
Python对象类型及其运算 基本要点: 程序中储存的所有数据都是对象(可变对象:值可以修改 不可变对象:值不可修改) 每个对象都有一个身份.一个类型.一个值 例: >>> a1 = ...
- 安装 Node 和 gulp
gulp 是基于 node 实现的,那么我们就需要先安装 node. Node 是一个基于Chrome JavaScript V8引擎建立的一个平台,可以利用它实现 Web服务,做类似PHP的事. 打 ...
- VB6之Mandelbrot集
Mandelbrot真是上帝之作,数学之美最直观的表现. 围观wiki和百科(百度百科)上关于Mandelbrot的解释至今仍是不能理解,没办法我高数实在学得不好. 搜素到园友用F#写的一篇实现代码, ...
- FileEditor
package JBJADV003; import java.io.*; class FileEditor { public static void main(String args[]) throw ...