子元素浮动会导致父元素盒子无法被撑开，导致父元素的样式无法显示，以下介绍几种清除浮动的方法 原代码： ! DOCTYPE html html head lang ="en" meta charset ="UTF-8" title / title style type ="text/css" #content { border : 1px red solid ; } .fl { border : 1...

2018-06-24 01:56:42

俗话说好记性不如烂笔头，写代码也是一样的道理，看过的东西如果不写一遍真的在脑子里呆不了多久。所以工作这么久慢慢把以前记录过的知识搬上来，一是为了分享，二是更好的总结！好了话不多说，进入正题。 第一种方法：float 1 style 2 * { 3 padding : 0 ; 4 margin :...

2018-06-24 01:56:43

本文地址： ttp://www.cnblogs.com/veinyin/p/7629781.html 有时我们会有这样的需求：当文本内容较多，宽度超出父容器时，就在最后显示三个点，代表还有东西被折叠起来了。如下图 具体实现 HTML 如下 1 div 2 p 我是文字我是文字我是文字我是文字 / p 3 / div div 样式...

2018-06-24 01:56:33

接着上文css3弹性盒模型flex快速入门与上手1继续，上文还剩下两个父容器的属性align-items和align-content. 一、align-content:多行的副轴对齐方式 含义 多行的副轴对齐方式 可选值 stretch | flex-start | center | flex-end | space-between | space-around 默认值 s...

2018-06-24 01:56:35

CSS的四种引入方式： 一、行内样式 div style="background-color: blue;color: brown"cairui/div 二、 !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" titleTitle/title style div{ background-color: blue; color: darkgoldenrod; } /style/headbody pcai/p d...

2018-06-24 01:56:37

Sublime安装 Sublime Text 是一个代码编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。 Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单...

2018-06-24 01:56:34

前言： 盒子模型是css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。 一、 css 盒子模型概念 CSS盒子模型又称框模型(Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图： 图中最...

2018-06-24 01:56:29

htmlheadtitle第四课的标题及第五课的标题/titlemeta charset="utf-8"/headbodyHN标记六个不同的 HTML 标题：所有浏览器都支持 h1 - h6 标签。定义和用法h1 - h6 标签可定义标题。h1 定义最大的标题。h6 定义最小的标题。由于 h 元素拥有确切的语义，因此请您慎重地选...

2018-06-24 01:56:17

本次博客的主要内容如下： meta和link 表格 表单 meta和link meta meta的属性有两种：name和http-equiv。 name属性主要用于描述网页内容，对应与网页内容。 1.关键字，当搜索引擎在爬取内容的时候，会根据关键字判断： head title / title meta name ="keywords" conte...

2018-06-24 01:56:27

原以为span不同于input，事件冒泡会被父级标签吞噬，写了个测试事件冒泡的Demo，发现并不是想得那样。另外：event.stopPropagation()以及event.stopImmediatePropagation()并不能阻止span冒泡到a标签中，而简单粗暴的 return false 却可以。 1 ! DOCTYPE html 2 html 3...

2018-06-24 01:56:23