#CSS# 初识CSS

本文介绍了CSS层叠样式表的基本用法,包括如何将样式分离到独立的CSS文件中进行管理,实现导航菜单等元素的样式设置,并展示了如何让div元素居中显示以及解决浮动布局时常见的问题。

CSS:Cascading Style Sheet (层叠样式表)

 

CSS的内容可以分开写入CSS文件中,PHP文件中加入以下语句即可:

<link herf="css/style.css" type="text/css" rel="stylesheet"/>

其中,style.css写入定义的样式,如:

ul.menu{                  
    list-style-type:none;
    background:#59d3cc;
    height:64px;
    font-size:24px;
}

使DIV居中:

div#header
 
{
margin-left: auto;
margin-right: auto;
}

子元素使用了浮动,则需要清除最外层浮动

如子元素:

ul#navigation li{
 float:left;
 width:170px;
 text-align:center;
 position:relative;
 padding:7px 5px 7px 5px;
}

则最外层navigation:

<!--PHP file-->

<div id="navigation" class="clearfix"> ... </div>

<!--CSS file-->

.clear{clear:both}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{zoom:1}

转载于:https://www.cnblogs.com/teaxy/p/4847083.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值