div+css的属性
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
div+css的属性
gCascading Style Sheet 层叠式样式表 ==> 层叠样式表
Internal Style Sheet 内部样式表
External Style Sheet 外部样式表
inheritance 继承
em 斜体
Strong粗体
descendent selector 派生选择器
universal selector 通用选择器 ==> 通配选择器
Inline Style 行内样式表
设置图层的透明度:
filter: alpha(opacity=70);
opacity: 0.7;
点到那里就跳点到那里
1.首先给元素起个名字
2到连接的元素上上输入超链接
居中设置:
1、单行垂直居中文字在层中垂直居中vertical-align 属性是做不到的.我们这里有个比较巧妙的方法就是:设置height的高度与line-height的高度相同!
2、层水平居中设置div的宽度小于父div的宽度,设置 margin:0 auto;,即可让div居中。
3、层中的文字水平居中:在childdiv的css加上text-align:center;
display属性
基本上分为inline,block,和none。
inline就像它的本意——显示为inline的元素为行。strong,anchor锚和em强调元素默认是行。
block元素前后换行。标题和段落元素是块元素。
none,意思不显示元素,在可用性上可以实现漂亮的效果,交替样式或hover效果的高级运用。
list-item列表项目,就像期待HTML里的li元素。它们需要嵌套在元素里面显示。
run-in元素的表现形式由它的父元素决定。IE和Mozilla都不支持。
compat根据上下阿文决定表现形式,同样IE和Mozilla都不支持。
maker仅仅使用在:before和:after伪元素,设定content属性的表现。content属性默认表现就是maker,所以它只有在覆盖原来属性 时才有用。
content属性,它的默认就是maker,所以只有在覆盖原来属性时使用。
clera:both;清除
属性单位
em(比如font-size: 2em)是一个大致与一个字符高度相同的单位。
px(font-size: 12px)是一个像素的单位。
pt(font-size: 12pt)是一个磅的单位。
%(font-size: 80%)是百分比。
其他单位还包括pc(活字),cm(厘米),mm(毫米)和in(英寸)。
不想要边界,可以这样设置:border: 0 。
margin是隔开元素与外边,
margin 边距 |段落之间的间距(元素与元素之间的距离)
top margin 上边距
bottom margin 下边距
left margin 左边距
right margin 右边距
(margin-top, margin-right, margin-bottom,
margin-left, padding-top, padding-right, padding-bottom and padding-left)
padding 填充(位于content和border之间。层的边框到层的内容之间的空白)padding是隔开元素里边。
top padding 上方填充
bottom padding 下方填充
left padding 左侧填充
right padding 右侧填充
border 边框(元素的最外围)
border color 边框颜色
border style 边框样式 (none 没有 hidden 不明显的 do
tted 点 dashed虚线 solid 固double两倍 groove压线 ridge脊insent coutset)
border width 边框宽度 (thin medium(默认2px) thick length )
anchor 锚 (FrontPage里叫书签,Dreamweaver里叫命名锚记)
定位
float 浮动
float属性:left right none relative fixed
z-index属性为整数z-index值较大的元素将叠加在z-index值较小的元素之上。
position:static absolute (绝对定位)
Positioning 定位
positon属性可以指定元素为absolute,relative,static或是fixed。
static是元素默认属性,按HTML出现的先后顺序。
relative比较像static,但元素可以使用top,right,bottom和left设定初始属性。在正常文档流中偏移位置
absolute把元素从HTML里面拉出,一切由它自己决定,在这里,绝对定位元素可以使用top,right,bottom,left定位在任何地方。
fixed行为像absolute,但它绝对定位的元素参照浏览器窗口与网页没有关系。所以,理论上,fixed元素可以固定在屏幕上当页面滚动时。为什么说是理论上的?因为IE7以下的浏览器不支持。
bulleted list 无序列表
numbered list 有序列表
non-numbered 非编号
quirks mode 宽松模式 | 怪癖模式 ==> 怪异模式
hack 不译,也不译成补丁、黑客
meta元标签content(必须的)、名称属性name和http-equiv属性。
http-equiv属性取替名称name属性会产生HTTP数据头,它将会发送页面拥有的信息给服务器。随后内容属性content可以是content-type(类型)、expires(时效)、refresh(刷新,多长时间页面会自动刷新一次)以及set-cookie(设置cookie)。
dfn是定义术语
address应该用于地址。ins元素一般显示下划线,而del元素则一般显示删除线。
超链接设置方式:Go to moss,/绝对或者是相对的地址/
插入图像:
文字样式
margin:0 auto:居中
text-decoration:underline 下划线
text-decoration:overline 顶划线
text-decoration:line-through 删除线
text-decoration:blink 闪烁
text-transform: capitalize ,让每个字的第一个字母大写。
text-transform: uppercase ,所有大写。
text-transform: lowercase,所有小写。
text-transform: none; ,这个属性不起作用。
letter-spacing和word-spacing属性的意思是字母和文字之间的间隔。值可以是长度或normal。
line-height属性设定元素的行高,比如一个段落,没有调准字体的大小。它可以是数字(字体大小的倍数),长度,百分比或normal。
text-align设定元素位置,left,right,center或justify。
text-indent属性缩进段落的首行。
list-style-type:+属性
disc 实心圆
circle 空心圆
square 正方形
decimal 1,2,
3,4,5,……
upper-alpha A,B,C,D,E,……
lower-alpha a,b,c,d,e,f……
uper-roman | ||
lower-roman i ii
none 无符号
list-stype-image:url(图片符号名称)
clear:both;清除以上样式
背景的显示background :
background-color:(transparent)默认 color 颜色
background-image :(none)默认 url 图像
background-repeat:repeat 重复铺满整个背景 no-repeat 无铺排 repeat-x 横向铺排 repeat-y 纵向铺排
background-attachment:scroll是背景图像随对像内容滚动,fixed”则是背景图像固定。
background-position:而另一种方式则是使用lefgth(数值)来定位,有两个数就是纵横向的
来定位背景图像位置:
* 水平
left: 左
center: 中
right: 右
* 垂直
top: 上
center: 中
bottom: 下
* 垂直与水平的组合
x-% y-%
x-pos y-pos
初始值: 0% 0%
继承性: 否
适用于: 所有元素
background:背景.position:位置.
表单的样式
optgroup标签用于在一个层叠式选择菜单为选项分类
form:有行为属性action提交的时候将内容发往何处选择的方法属性method怎样发送数据有get和post(常用)两种和属性
textarea:多行文本输入框标签textarea基本上就是一个比较大的文本框。它必须有行属性rows和列属性cols
选定标签select与选项标签option一起可以制作一个下拉选框
input:
是标准的文本框。它可以有一个值属性value,用来设置文本框里的默认文本。
像文本框一样,但是会以星号代替用户所输入的实际字符。
是复选框,用户可以快速的选择或者不选一个条目。它可以有一个预选属性checked,像这样的格式.
与复选框相似,但是用户只可在一个组中选择一个单选按钮。它也有一个预选属性checked,使用方法跟复选框一样。
是展示你电脑上的文件的一个区域,就像你在一个软件中打开或者保存一个文档一样。
是一个被点击后提交表单的按钮。你可以用值属性value来控制按钮上显示的文本(下面的button和reset类型也可以这样,稍后介绍),如下: .
以图像代替按钮文本,src属性是必须的,像img标签一样。
是一个如果没有其他代码的话什么都不做的按钮。
是一个点击后会重置表单内容的按钮。
不会显示任何东西,它用来传输诸如用户正在用的页面的名字或者Email地址等表单