css

来源：互联网发布：指南针2016软件骗局编辑：程序博客网时间：2024/05/18 01:26

css用来美化页面、布局

样式表能实现内容与样式的分离，方便团队开发

方便统一定义格式，修改也方便

<div style="border:red solod 1px; height:200px;"> 层，块元素

<span style="border:red;"> 根据内容变化层非块元素

常见的属性

属性 css名称说明

边界属性 margin-top 设置对象的上边距

margin-right设置对象的右边距

margin-left设置对象的左边距

margin-bottom设置对象的下边距

边框属性 border-style 设置边框的样式

border-width 设置边框的宽度

border-color设置边框的颜色

填充属性 padding-top设置内容与上边框之间的距离

padding-right设置内容与右边框之间的距离

padding-left设置内容与左边框之间的距离

padding-bottom设置内容与下边框之间的距离

样式选择器

#id-- 表示Id选择器，通特指的某个元素上使用常在特定或者特指的某个元素上使用

#one{ font-weight:bold; }

#two{ font-size:30px; color:#009900; }

</style>

<body>

<p id="one">ID选择器1</p>

<p id="two">ID选择器2</p>

</body>

div--表示的是标签选择权，通常用在很多相同标签上，希望这些标签都使用一个样式

<style>

div { color：red；font-size：25px；}

</style>

<body>

<div/>

</body>

.class -- 表示的是类选择器，通常用在不同的标签上，一般是几个标签（不同）应用同一个样式

.one{color:red;font-size:18px; }

</style>

<body>

<p class="one">class选择器</p>

</body>

级别 Id选择器〉类选择器〉标签选择器

脱离文档流

相对定位

 position: relative;

相对自己原来位置脱离

绝对定位

position: absolute;

0 0