![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
MySunshine07
唯有读书与运动不可辜负~
展开
-
css布局之左边定宽右边宽度自适应的六种方法
1、方法一:采用浮动布局的方法,左边浮动,右边加上margin-left的值,同时可以设置最小高度值,当内容超出该值时,会自动以等高的方式增高。代码如下:<div class="left"> <h1>Left</h1></div><div class="right"> <h1>Rig原创 2018-07-12 10:15:04 · 1784 阅读 · 0 评论 -
前端开发学习路径之阶段二:CSS基础篇
上篇介绍了HTML基础,这里主要是介绍CSS基础。一、什么是CSS1. CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。2. CSS 是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译。3. CSS 是用来表现HTML或XML的标记语言。4. CSS语法由三部分构成:选择器、属性和值: selector {property...原创 2018-07-30 22:59:33 · 530 阅读 · 0 评论 -
24款非常实用的CSS3工具终极收藏
您可能还喜欢推荐10个很棒的CSS3开发工具 分享50个 CSS3 最佳应用示例 24款非常实用的CSS3工具终极收藏 推荐12个漂亮的CSS3按钮实现方案 使用CSS3可以实现的五种很酷很炫的效果 对于Web设计和开发人员来说,CSS是非常重要的一部分,随着越来越多的浏览器对CSS3的支持及不断完善,设计师和开发者们有了更多的选择。如今,用纯CSS就可以实现各种各样很酷的效果,甚...转载 2018-08-02 14:26:07 · 875 阅读 · 0 评论 -
前端开发学习路径之阶段六:CSS3详解
CSS 用于控制网页的样式和布局。而CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。CSS3 是最新的 CSS 标准。一、边框1、CSS3边框 圆角效果 border-radius border-radius是向元素添加圆角边框。使用方法:border-radius:10px; /* 所有角都使用半径为10px的圆角 */ bor...原创 2018-08-07 22:48:50 · 1057 阅读 · 0 评论 -
CSS深入理解之float浮动
1、什么是 CSS Float(浮动)? CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。Float(浮动),往往是用于图像,但它在布局时一样非常有用。CSS float 属性定义元素在哪个方向浮动,浮动元素会生成一个块级框,直到该块级框的外边缘碰到包含框或者其他的浮动框为止。2、浮动的原始意义? 我们使用float浮动做了很多...原创 2018-08-30 11:39:44 · 447 阅读 · 0 评论 -
CSS深入理解之margin外边距
1、margin的相关属性margin 属性是用于在一个声明中设置四个外边距的所有属性的简写属性。没有继承性,也就是它的设置的margin值不会自动传递到下一级标签中。margin后面的参数个数可以是一个,两个,三个或四个。一个参数,例如:margin:10px;表示四边外边距10像素;两个参数,例如:margin:10px 5px;表示上下外边距10像素,左右外边距5像素;三个参数,例...原创 2018-08-30 13:54:34 · 1587 阅读 · 0 评论 -
CSS深入理解之position定位
1、什么是定位?CSS定位属性允许你为一个元素定位。它也可以将一个元素放在另一个元素后面,并指定一个元素的内容太大时,应该发生什么。元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除非事先设定position属性。他们也有不同的工作方式,这取决于定位方法。有四种不同的定位方法。属性值值 描述 absolute 生成绝对定位的元素,相对于...原创 2018-09-02 21:53:32 · 338 阅读 · 0 评论 -
css面试题
1、介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?答:标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度=内容宽度(content+border+padding)+ margin2、 CSS选择器有哪些?哪些属性可以继承?答:CSS选择符:id选择器(#myid)、类选择器(.my...原创 2018-09-27 22:27:50 · 208 阅读 · 0 评论 -
CSS之水平垂直居中布局的实现方法
前端HTML部分代码如下:<div class="parent"> <div class="child">Test</div></div>里面的容器和外面的容器宽高是不确定的,实现这三种布局的方法如下:一、水平居中布局1、inline-block+text-align这种方法下IE6、IE7不支持inline-block...原创 2019-01-13 21:24:55 · 190 阅读 · 0 评论