【HTML/CSS】BFC】的更多相关文章

块格式化上下文(Block formatting contexts) BFC是什么? 是Web页面中盒模型布局的CSS渲染模式.它的定位体系属于常规文档流. 至少满足条件之一: float 的值不为 none position 的值不为 static 或者 relative display 的值为 table-cell , table-caption , inline-block , flex , 或者 inline-flex 中的其中一个 overflow 的值不为 visible 创建时可能…
由于网络化的原因,学习很方便,但是也由于太方便了,学习资料很多会给刚想要入门却没有什么自制力的初学者造成困难,我自己来说学html和css先看了一本书,后来又辗转在慕课网.w3cschool等学习网站学习初级入门,学习一段时间,放下,学习一段时间,放下,由于记忆的关系感觉自己总在重复也是不能够好了,我的建议给初学者或者想要入门的同学,先不管三七二十一写了再说.所有网站关于入门的东西不会有太大差别的,没必要进行选择,那只是浪费时间. 一.入门学习 如果想要自己适应英语环境的话,选择一个英文网站进行…
无论做什么,规则总是最重要的.无规矩不成方圆,有了规矩,我们才能有规可循,有则可依,人与人之间才能正常的交流交往. 人人都有自己的命名习惯,不过,代码是需要交流的,当有些命名习惯仅只自己能看懂,甚至自己在过后都看不懂时,就成为了交流中的障碍了.所以,有一个规范的命名规则是很重要的.命名规则有很多,大家各取所需,这里介绍一下在html/css中一些约定俗成的命名规范,权作记录: 1.所有的命名最好都小写 2.属性的值一定要用双引号("")括起来,且一定要有值如class="di…
body #nav li a { width: auto; } #nav li a:hover { background-color: #ffcc00; color: #fff; border-right: 10px solid #ff00ff; border-left: 10px solid #ff00ff; } #navh li { float: left;list-style: none !important; } #navh ul { list-style: none; margin:…
HTML基金会 <em>他强调标签,<strong>加粗标签 <q>短文本引用.<blockquote>长文本引用,这两个标签会让文字带双引號.   空格 <br/>换行,<hr/>水平横线 <address>地址标签 <code>单行代码.<pre>多行代码,能够增加代码的标签.让显示更加好看 <ul>无序列表.<ol>有序列表: <li>列表子元素 <t…
在开发过程中会用到各种第三方的插件,或者自己写在单独文件中的js方法库或者css样式,在html头部总是需要写一大堆的script和link标签,如果想要自己实现动态的引入资源文件,可以使用开源的require.js,如果想要自己做一个简单的实现,参考实例代码如下: ;(function(){ var config = { idPrefix : 'xxx', path : function(){ var scripts = document.scripts, script = scripts[s…
1. DIV + CSS 练习:太极阴阳图.  基本思路:由三个div块元素组成:  #taiji太极阴阳图底面  #yin太极阴阳图阴面小圆  #yang太极阴阳图阳面小圆  (太极阴阳图:上为阳下为阴或左为阳又为阴)      2. 太极阴阳图底图#taiji:  巧用边框:宽度0高度300px,左右边框150分别150px:然后圆角处理作圆形.  #taiji{  margin:auto;  width:0;  height:300px;  border-left:150px solid…
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="…
在公司培训一段时间不久就去流浪了一段时间,现在回来重新捧起心爱的编程,特别亲切. 自学HTML&CSS,别人说了很多,这那这那的,无论简单还是困难,不亲自去俯下身子学习,怎么都学不会HTML和CSS. 当然这只是进阶的基础,买了两本,特别好,无论是内容的编排还是可学程度.排版和印刷,都是上上之选. 1.HTML & CSS设计与构建网站 ([美]Jon Duckett 2.JavaScript & jQuery交互式Web前端开发 Jon Duckett著 再附上中软今年(2018…
今天用js+css来做一个能够左右滑动的图片浏览效果. 首先写一个结构,包括需要浏览的两张图,以及能够点击来滑动图片的两个按钮. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" sr…