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+内容。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 前言 前端圈有个“梗”:在面试时,问个css的position属性能刷掉一半人,其中不乏工作四五年的同学。在...
    YjWorld阅读 10,162评论 5 15
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,690评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,720评论 32 459
  • 文 /莫菲 要么说人以类聚,物以群分,这句话用在我们大学的寝室生活里,是再合适不过了。 我大学是在杭州读的书,当时...
    爱怼啤的西踢踢阅读 2,444评论 2 2
  • 在sq学校呆的不开心,主要是学生让我觉得很没有价值感。所以我目前在想着换一个学校。最近陆续出来一些学校的招聘的消息...
    花儿的博文阅读 1,157评论 0 0

友情链接更多精彩内容