CSS

一、CSS样式


外链样式:

页内样式:

行内样式:

二、CSS选择器:

4种基础选择器:标签选择器、class选择器、id选择器和通用选择器

两种复合选择器:后代选择器、编组选择器

编组选择器

伪类选择器:

三、css文本样式:

文本区块:

四、CSS背景:背景颜色和背景图片

背景设置简写:

五、盒子模型

内边距

内边距会使元素变大,外边距不会

margin的值设为auto,元素会居中显示:

很多标签自带内外边距,但在各个浏览器中的边距显示有差别,为了兼容各浏览器,应先将边距清零:

边框border:

可以用border-top、border-botton、border-left、border-right设置上下左右边框

浮动:

添加浮动后,元素为漂浮状态,块级元素将可以被显示在一行

清除浮动:

clear:left将忽略float:left的浮动效果,将box3显示在box1的下面

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

推荐阅读更多精彩内容

  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,628评论 0 6
  • CSS 指层叠样式表(Cascading Style Sheets),是一种用来为结构化文档(如 HTML 文档或...
    神齐阅读 2,129评论 0 14
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,094评论 0 1
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,875评论 0 6
  • CSS 是什么 css(Cascading Style Sheets),层叠样式表,选择器{属性:值;属性:值}h...
    崔敏嫣阅读 1,509评论 0 5