2019.4.3 HTML&CSS 理论部分

【2019.4.3 HTML&CSS 理论部分】的更多相关文章

2019.4.3 HTML&CSS 理论部分

HTML 块标签 1.独占一行,不和其他标签待在一行; 2.能设置宽高常见的块标签:h1-h6,p,div,table,hr,br,ul,ol, 行标签 1.可以和其他行标签待在一行 2.不能设置宽高常见的行标签:a,em,strong,span(行标签中的div) 行内块标签 1.可以设置宽高常见的行内块标签:input,img,textarea 行块标签转化 inline 代表行标签 display: inline 块标签转换行标签 block 代表块标签 display: block…

好程序员web前端分享值得参考的css理论：OOCSS、SMACSS与BEM

好程序员web前端分享值得参考的css理论:OOCSS.SMACSS与BEM 最近在The Sass Way里看到了Modular CSS typography一文,发现文章在开头部分就提到了OOCSS. SMACSS. BEM.这3个词.“如果还不知道这些是什么,请先不要继续看下去”,联想到作者这样友好(gāo lěng)的提醒,作为围观群众,自然要有所回应.所以,本文在这里分别介绍它们. OOCSS.SMACSS及BEM都是有关css的方法论(准确地说,其中BEM应该是一个完整的前端开发理论…

2019前端面试系列——CSS面试题

盒模型 /* 红色区域的大小是多少?200 - 20*2 - 20*2 = 120 */ .box { width: 200px; height: 200px; padding: 20px; margin: 20px; background: red; border: 20px solid black; box-sizing: border-box; } /* 标准模型 */ box-sizing:content-box; /*IE模型*/ box-sizing:border-box; 如何实现…

css理论

1css语法 2css的四种引入方式 3css选择器 4css四种属性操作 5float属性操作 6盒子模型 1 css语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. '' selector { property: value; property: value; ... property: value } ''' 比如: p { color: red; background-color: wheat; } 2css选择器的四种引入方法代码如下 <!DOCTYPE html…

2019.4.18 HTML + CSS相关整理

目录标签块标签行标签行块转化嵌套规则 css引入方式行间样式内部引入外部引入选择器基础选择器组合选择器盒模型 css样式字体属性设置字体的大小设置字体的粗细设置字体的风格设置不同类型的字体 font简写文字的对齐缩进下划线水平对齐间距设置圆角鼠标样式和链接点击样式调整鼠标样式为链接点击样式(小手) 链接没有被访问时的颜色链接被访问过之后的颜色鼠标悬停时链接的颜色鼠标点击时链接的颜色背景背景颜色背景图片背景平铺背景是否滚动背景绘制…

代码自动补全插件CodeMix全新发布CI 2019.7.15|改进CSS颜色辅助

CodeMix是Eclipse的一款插件,它解锁了VS Code和Code OSS附加扩展的各种技术,支持各种语言. 作为Eclipse开发人员,您再也不必觉得自己已被排除在朋友使用Visual Studio Code的乐趣之外. CodeMix是一个Eclipse插件,使您可以直接从Eclipse访问VS Code本身和Code OSS附加扩展的各种技术.您将享受您所依赖的所有企业工具,例如Java和Spring,以及访问所有这些网络语言以及您一直想要尝试的新技术. 具体更新内容如下: Mar…

2019年前端面试题 | CSS篇（更新于4月15日）

虽说刷面试题有走捷径之嫌,但我发现,对于我这样没有工作经历的人来说,其实是拓展自己实战技能和加深知识理解的一个好机会. 分享出来,也希望大家不要背完了事,正经的去细细琢磨各种原由. 本篇是一个题目合集,部分答案我会整理后用自己的话说的尽量简单,部分网络现成的好答案我就直接贴链接了,也尊重大家的劳动成果,希望各位不会太介意. 如有bug,欢迎指出…

2019.4.9 HTML+CSS写静态百度首页

静态百度首页 4.10更新更改所有样式为内部引入换行全部换成使用边距实现链接:https://pan.baidu.com/s/1iFNnQNw4PUtdj3MjlV-LZA 提取码:5b2i…

CSS理论：margin-left在float中的运用

源码如下: margin-left 指的是左边的外边距,为正数时,左边间距增大,div向右偏移,为负数时,左边间距减少,相反往左偏移双飞翼 .wrap { width: 100%; margin: 0 auto; } .left { width: 15%; height: 700px; background: red; float: left; bottom: 0px; /*margin-left: -100%;*/ } .right { width: 15%; height: 700px;…

如何写好CSS？（OOCSS\DRY\SMACSS）

我现在面对的CSS基本上就是一个三头六臂的怪物,一点不夸张,因为真的是三头六臂,同一个样式在同一个element上作用了好几遍,而同一个样式又分散在4,5个class上,优先级有很多层.可以看得出这个怪物不是一个人造就的,早期的开发者选择了SCSS技术,但混乱的import导致了一些基本的样式被多次调用,而后面的开发者又为了摆脱之前的混乱引入了其他共用样式,但无济于事.原因出在HTML上,CSS依托于HTML没有被正确的抽象,而HTML又完全的依赖业务,所有class以业务取名,HTML和CSS…