CSS基础小仓库

本文介绍了CSS的基础知识,包括段首缩进、字符间距、图片居中、块级和内联元素的使用,以及边框样式。还详细讲解了CSS的三种布局模型:流动模型、浮动模型和层模型,并提供了浮动模型中两个div横向并排显示的示例,以及层模型的绝对定位、相对定位和固定定位的应用。此外,还提到了如何通过position属性解决布局定位问题。
摘要由CSDN通过智能技术生成

为段首设置两个汉字的缩进:    p{text-indent:2em;}    /*2em的意思就是文字的两倍大小*/

中文字间距,英文字母间距:   p{letter-spacing:50px;}

英文单词间距:     p{word-spacing:20px;}

图片水平居中:   text-align:center;


常用的块级元素:div 、 p 、h1 — h6  、ol  、ul  、dl  、table  、address 、blockquote  、form 

常用的内联元素:  a、 span 、 br 、  i、 em 、 strong 、  lable、  q、  var、 cite 、 code 

内联块状元素:img、  input


将块级元素转换为内联元素:   {display:inline;}

将元素设置为内联块状元素:   {display:inline-block;}


边框样式   border-style:dashed(虚线)    dotted(点线)    solid(实线)


CSS三种基本的布局模型:Flow(流动模型)、Float(浮动模型)、Layer(层模型)

浮动模型,两个div横向并排显示:向左浮动:{float:left;}

                                                       向右浮动:{float:right;}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值