工地施工狗的转行之路Day11

斜体

 a{font-style:italic;}


下划线 

a{text-decoration:underline;}

decoration装饰


删除线

.oldprice{text-decoration:line-through;}


缩进

p{text-indent:2em;}


行间距

p{line-height:2em;}


排版

div{text-align:center;}

align排列


元素

块状元素、内联元素(行内元素)、内联块状元素


盒子模型

<div> <ul> <ol> <p> <h> <table>这类块级元素都具有盒子模型的特性


元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界

div{
       width:200px;    /*内容宽度*/
       padding:20px;  /*填充*/
       border:1px solid red;  /*边框*/
       margin:10px;   /*边界*/
}


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS格式化排版 1、字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例...
    张文靖同学阅读 1,321评论 0 3
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,845评论 1 92
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 991评论 0 1
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,342评论 0 5
  • 一.CSS描述 CSS全称为“层叠样式表(Cascading Style Sheets)”,它主要是用于定义HTM...
    snowy_sunny阅读 1,113评论 0 4