基线样式

/*块级元素*/ html, div, map, dt, form{display:none;} body{display:block; margin:8px; font-family:serif; font-size:medium;} p,dl{display:block; margin-top:1em; margin-bottom:1em;} dd{display:block, margin-left:40px;} address{display:block; font-style:italic;} blockquote{display:block; margin:1em  40px;} h1{display:block; font-size:2em; font-weight:bold; margin:0.67em 0;} h2{display:block; font-size:1.5em; font-weight:bold; margin:0.83em 0;} h3{display:block; font-size:1.25em; font-weight:bold; margin:1em 0;} h4{display:block; font-size:1em; font-weight:bold; margin:1.33em 0;} h5{display:block; font-size:0.75em; font-weight:bold; margin:1.67em 0;} h6{display:block; font-size:0.5625em; font-weight:bold; margin:2.33em 0;} pre{display:block; font-family:monospace; white-space:pre; margin:1em 0;} hr{display:block; height:2px; border:1px; margin:0.5em auto 0.5em auto;}

/*表格元素*/ table{border-spacing:2px; border-collapse:separate;margin-top:0; margin-bottom:0; text-indent:0;} caption{text-align:center;} td{padding:1px;} th{font-weight:bold; padding:1px;} tbody , thead, tfoot{vertical-align:middle;}

/*行内标签*/ strong{font-weight:bold;} cite,em,var,dfn{font-style:italic;} code, kbd, samp{font-family:monospace;} ins{text-decoration:underline;} del{text-decoration:line-through;} sub{vertical-align:-0.25em; font-size:smaller; line-height:normal;} sup{vertical-align:0.5em; font-size:smaller; line-height:normal;} abbr[title],{border-bottom:dotted 1px;}

/*列表元素*/ ul{list-style-type:disc; margin:1em 0; margin-left:40px; padding-left:0;} ol{list-style-type:decimal; margin:1em 0; margin-left:40px; padding-left:0;}

/*删除嵌套列表的上下外边框*/ ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl{margin-top:0; margin-bottom:0;}

/*2级ul使用圆点项目符号*/ ol ul, ul ul{list-style-type:circle;} /*3级ul使用正方形项目符号*/ ol ol ul, ol ul ul,ul ol ul, ul ul ul {list-style-type:square;}

/* 在火狐浏览器地址栏 输入如下地址 可以查看火狐浏览器默认样式 resource://gre-resources/html.css */

时间: 2024-10-01 02:36:38

基线样式的相关文章

CSS样式设置之垂直居中设置

2.垂直居中 我们在实际工作中也会遇到需要设置垂直居中的场景,比如好多报纸的文章标题在左右一侧时,常常会设置为垂直居中,为了用户体验性好. 这里我们又得分两种情况:父元素高度确定的单行文本,以及父元素高度确定的多行文本. 2.1 父元素高度确定的单行文本 第一种父元素高度确定的单行文本, 怎么设置它为垂直居中呢? 父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和line-height高度一致来实现的.(height: 该元素的高度,line-height: 顾名思义,

网页边框样式与style样式部分总结

1).border边框样式:border-style:solid 边框样式值如下: none : 无边框.与任何指定的border-width值无关 hidden : 隐藏边框.IE不支持 dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线.否则为实线(常用) dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线.否则为实线(常用) solid : 实线边框(常用) double : 双线边框.两条单线与其间隔的和等于

静态页面制作:6HTML布局(基线的应用)

我们首先来看看现在的理想和现实. 虽然我们现在现实还没有达到理想的效果,但现在至少我们已经明白为什么课后帮和HWHelper为什么不在一行了,为什么呢?那就是因为他们都是块元素.那么有没有什么办法让这两个元素编程行内元素,一旦成为行内元素,他们不就跑到一行去了吗.所以我们来看看方法一. 方法一就是使用行内元素,行内元素可以摆在一行,我们现在明确的知道,h1标签和p标签他们都是块元素,所以我们该用哪个元素呢? 我们接触过的行内元素就是a标签,我们是否可以使用a标签来解决这个问题呢?其实a标签是不合

CSS2--字体样式

## CSS2 字体样式 ##### font-family 字体族 - 规定元素的字体系列 - 把多个字体作为一个"回退"系统保存.保证浏览器的支持 - ````Microsoft YaHei, tahoma, arial, Hiragino Sans GB, sans-serif```` ##### font 字体类型 - 衬线字体(serif):在字的笔划开始及结束的地方有额外的装饰 - 非衬线字体(sans-serif) : 没有额外的装饰,笔划粗细大致差不多.用于严肃场景 -

CSS的基础样式(复习项)

1.基本样式: ----宽 属性:width 属性值:长度值 ----高 属性:height 属性值:长度值 ----块级元素与行内元素之间的转换 属性:  display 属性值:block     转换为块级元素 inline   转换为行内元素 inline-block   转换成行内块元素 linline-block可以设置宽高,但是不会换行 2.背景属性: CSS可以用纯色调作为背景,也可以用图片作为背景 ----背景色 属性:backgroud-color 属性值:   颜色 ---

Css入门课程 Css文本样式

文字是网页的非常基础的内容,文本的样式设置也是非常重要的 1 字体大小 font-size:绝对大小单位和相对大小单位,绝对大小单位有cm,mm in(厘米,毫米,英寸)等,这是大小不随屏幕分辨率大小而变化,相对大小单位:px,em %他们的实际显示大小随分辨率变化 因此大小设置一般使用相对大小单位进行. 字体大小可继承,在使用em %百分比的时候其计算参考基础是父容器继承的实际计算后的字体大小为基准进行em和%的计算 2 字体颜色 字体颜色即页面的前景色,使用rgb rgba或者关键字,或者1

css样式大全

字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位:PX.PD.EM 粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体 {font-variant: s

样式表笔记

叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言.相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排 版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设 计语言.CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的

css常用样式属性详细介绍

对于初学css的来说,肯定会觉得这么多样式不好记,而且记住了也容易忘,其实刚开始我们不用去记这么多的样式,确实是记了也会忘,刚开始只需记住一些常用的就可以了,然后在慢慢的使用过程当中接触并学习一些高级点的,这才是一个靠谱的渐进过程,下面列出一些css常用属性,仅供参考 “文字”属性共有8项: 1.“字体”(font-family),设定时,需考虑浏览器中有无该字体. 2.“大小”(font-size),注意度量单位. 3.“粗细”(font-weight),除了normal(正常).bold(粗