初学CSS

CSS是(Cascading Style Sheet)的缩写，也被称为层叠样式单；主要用作网页风格设计，包括字体大小，颜色，以及元素的精确定位等。

1.如何让CSS和html5有关联呢/

引入外部css样式单文件，在html5的元素内插入子元素:

直接在html5里面增加css样式采用的方法是直接在需要添加样式的标签上写style="需要添加的样式属性"

2.如何在外部css样式单文件准确定位到需要添加样式的标签上呢?

用css选择器来准确定位 那么css的选择器有哪些呢?有很多，那么下面我给大家一一介绍一下:

1.元素选择器

2.属性选择器

3.id选择器

4.类选择器

5.子选择器

6.后代选择器

3.css的几种引入方式{1.内联style属性 } {2.style标签} {3.外部文件css link}

4.学习css的几种资源:

一.google关键词:MND

二.CSS Tricks

三.阮一峰 css

四.张鑫旭的240多篇css博客

五.Codrops 酷炫css效果

六. css揭秘(推荐购买书籍)

七.css 2.1中文spec (最权威的书其实就是文档)

4 针对style="float:left"的bug的修复:

clearfix::after{
      content: '';
      display:block;
      clear:both;
}

注意添加float:left的子元素 其直属母元素上一定要加clearfix

5.当你不知道自己

里面框的是什么的时候你可以在这个div里面加一个style="border:1px solid red"这个属性会让你直接看到div的框架。

6 我学习css中所用到的属性及其含义:

padding:20px 0px 20px 0px(padding是内边距 后面的数字意思分别是 上 右 下 左)

margin外边距 用法跟padding一样也是后面加所需要的数字

text-decoration:none(这个是样式 默认的样式是有下划线underline的 这个呢就是帮助你去掉下划线 也还有overline上划线等等)

text-align:center(文字居中的意思)

font-weight:bold(字体加粗)

font-family:字体样式(意思的选择你想要的字体样式)

font-size(字体大小tiaojie)

display-block(脱离文档流)

background-position:center center(背景图片居中)

background-size:cover(背景图片按比例缩放)

mix-weight:100px(最大宽度不超过100px)

margin-left:auto ; margin-right:auto;(可以实现水平居中)