CSS是(Cascading Style Sheet)的缩写，也被称为层叠样式单；主要用作网页风格设计，包括字体大小，颜色，以及元素的精确定位等。
1.如何让CSS和html5有关联呢/
引入外部css样式单文件，在html5的
<head.../>元素内插入<link.../>子元素:
<head>
<link herf="out.css" rel="stylesheet" type="text/css">
</head>
直接在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>里面框的是什么的时候你可以在这个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;(可以实现水平居中)
网友评论