html/css
JH初夏
这个作者很懒,什么都没留下…
展开
-
慕课笔记:HTML基础之各种标签的使用
大部分标签的简单介绍,包括一些用法。原创 2017-07-19 11:06:10 · 347 阅读 · 0 评论 -
慕课笔记:CSS基础
CSS语法;CSS样式基础知识;CSS样式基础知识;CSS样式基础知识;CSS样式基础知识;CSS样式基础知识;盒模型;CSS布局模型;原创 2017-07-19 21:35:27 · 324 阅读 · 0 评论 -
子元素与父元素的width继承
1,同为内联元素我们知道,内联元素不可以设置width和height,所以其宽度默认都是auto,由内容撑起来。2,同为块级元素子元素默认width是100%,所以会继承父元素的宽度;但是不会继承其高度,可以通过内容把高度撑起来;另外,给子元素添加padding和margin时,可以看到内容的宽度时父元素的宽度减去子元素的margin和padding值;3,父亲是块元素,孩子是内联元素一般的内联元...原创 2018-03-07 09:42:58 · 16789 阅读 · 0 评论 -
三种三栏网页宽度自适应布局的方法
原文地址 : 点击打开链接1,左右两栏采用绝对定位,固定于页面左右两侧, 中间主体使用margin值撑开距离;优点:简单易理解,受内部元素影响破坏布局的概率低;三栏位置可以任意调整;缺点是:如果中间栏有最小宽度限制,或者含有宽度的内部元素,则当浏览器宽度小到一定程度会发生层重叠的情况2,margin负值法中间栏双层div,外层宽度100%,并浮动;内层是真正的主体内容,左右margin210px;...转载 2018-03-05 10:54:24 · 420 阅读 · 0 评论 -
css之浮动和position
第一部分是对浮动的讲解,第二部分是关于position的几个值的区别;1,浮动浮动是页面元素定位的一种基本功能,可以让元素一个挨着一个。浮动可以创建一个自然流布局,同时允许元素设置自身尺寸和父元素容器的尺寸大小。元素浮动时,一个元素的位置依赖于其周边的其他元素;浮动存在的问题:一个父元素包含了多个浮动的子元素,页面内容设置了宽度,子元素的浮动确定了自己的位置,但是浮动元素不会影响父元素的宽度。这样...原创 2018-03-05 14:30:42 · 836 阅读 · 0 评论 -
flexbox——css伸缩布局
1术语伸缩容器:设有“display:flex”或“display:inline-flex”的元素伸缩项目:伸缩容器的子元素主轴:沿着主轴伸缩项目主轴长度:伸缩项目在主轴方向的宽度或者高度就是株洲长度,其属性是width或者height;侧周长度则是另一个;测轴:垂直于主轴2开始使用flex指定元素为flex之后,用flex-row属性决定子元素是在一行还是在一列显示,可以定义关键词“wrap”指...转载 2018-03-05 21:12:55 · 262 阅读 · 0 评论 -
CSS3动画——animation&transition
动画一般有CSS动画和JS动画,另外其实还可以用计时器写动画,或者canvas里去绘制,这些就不提,这篇主要来说CSS动画。这里姑且是把transition也归类为动画的。CSS动画有animation(动画)和transition(过渡),我们分开来讲:animation来看一个简写的animation用法div{animation:mymove 5s infinite;...原创 2019-02-23 16:17:37 · 243 阅读 · 0 评论