CSS笔记

引入CSS样式表

1、内部样式表




语法中,style标签一般位于head标签中title标签之后,也可以把他放在HTML文档的任何地方。

type="text/CSS" 在html5中可以省略, 写上也比较符合规范, 所以这个地方可以写也可以省略。

2、行内式(内联样式)

3、外部样式表(外链式)


 
 JS Bin
 

常见 CSS 属性

1、字体样式

font-size字号大小
font-family字体
font-weight字体粗细
font-style字体风格
normal:默认值,浏览器会显示标准的字体样式。
italic:浏览器会显示斜体的字体样式。
oblique:浏览器会显示倾斜的字体样式。
font属性用于对字体样式进行综合设置,其基本语法格式如下:

选择器{font: font-style  font-weight  font-size/line-height  font-family;}
h1{font:italic bold 12px/20px arial,sans-serif;}

2、浮动
给所有需要浮动加上css float:left;,然后给父元素加上class clearfix。
给clearfix加上样式

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

你可能感兴趣的:(CSS笔记)