2018-04-07笔记

1.css的外部引用写法<link rel='stylesheet' href="">

2.在css的文件中引入css文件，需要用@import url("路径")

3.style属性

4.内联style

span和span中不要有空格，这样子写

<span></span><span></span>,如果是有空格的话，那么网页上的各部分内容是会有间隙的。

选择器.topArea .logo .rs,这样写才会出效果，中间是要加一个空格的。

虽然说可以改变padding和margin来改变周边的距离，但是也是有区别的，比方说padding就是其所有的内容，是包含进去的，但是margin是不包含的。

如果发现出了问题，可以加上border来检测，可能会有想不到的答案。

启动服务器，是用http-server -c-1 ，有时候容易少输一个横（http和server之间）。

div 由其内部文档流元素的高度总和决定的。

文档流是文档内元素的流动方向。

内联元素从左往右流动。一个内联元素是可以被截断的。像“文字“”和10一样分开了。

如果是一个很长的单词，它在默认的情况下是不会分开的，所以是不会打断的。

跟文字是不一样的。就跟中国人和外国人说话一样，一个英文单词就可以连读，而中文都是一个字一个字读的。如果想将文字打断，可以使用word-break。

块级元素是从上往下流动。

css如何画一个三角形，先定一个DIV，之后就是设置border的边框各部分的颜色，top ，right ，left，bottom，干掉内容的宽度和高度（都设置为0px）。之后就有四个三角形等待你的选择了，如果没有，可以选择干掉border-bottom-width或者其他的边框，看有没有想要的。

content-box 和border-box的区别，当设置了width=100px，它的盒子宽度就是100px，但是border-box盒模型的宽度=border+padding+内容。