css基础探索(二)

1、CSS框模型(Box Model)

布局间距展示

2、内边距

内边距属性

3、边框

边框属性

4、外边距

外边距属性

5、外边距合并

视图一
视图二

6、行级元素和块级元素

行级元素

strong span em img a input form

块级元素

div p h1~h6 表格 列表

display

inline block none

7、宽、高、背景色

属性设置

8、溢出

关联属性

9、背景图片

背景图片:

background-image: url(imf/bg.gif);

背景重复:

background-repeat:

                      repeat-x;

                      repeat-y;

                      no-repeat;

背景定位:

background-position:50px 100px;

background-position:top;

background-position:50% 50%;

背景固定:

background-attachment:fixed;


Demo:https://github.com/yssEric/cssDemo2.git

css基础探索(三)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,700评论 0 6
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,406评论 0 11
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,548评论 1 45
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,156评论 0 1
  • 本文是针对刚学编程的小白,都是一些基础知识,如果想了解更多深层一点的东西,欢迎移步本人博客!! 博客地址 点击跳转...
    西巴撸阅读 628评论 0 0

友情链接更多精彩内容