![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB前端
文章平均质量分 65
sdanfy
这个作者很懒,什么都没留下…
展开
-
WEB前端学习 Day4(定位)
一个元素,如何让它摆在自己想要的位置。就需要弄透CSS的定位相关的属性。 首先,一个元素默认是按照文档流进行布局的,比如说三个DIV,它默认会占用三行,三个SPAN,它默认占用一行,当这一行不够时,也会换行。这就是默认的文档流,每个元素根据自己的特性进行布局。有时候需要摆脱文档流,就需要特殊处理。现在开始了解CSS定位中的几种方式。 第一种方式,绝对定位,也就是position:原创 2015-11-04 12:37:46 · 460 阅读 · 0 评论 -
WEB前端学习 Day5(背景)
背景不难,最主要的是有关于背景图片的大小,定位。直接进入主题。**background-image**:url(images/img.jpg); //设置背景图片 **background-size**:100px 50px;//设置背景图片的大小 第一个参数为宽度,第二个参数为高度。也可以使用百分比来控制。例如: **background-size**:50% 60%;//这里的50%指的是设置背原创 2015-11-04 15:52:01 · 588 阅读 · 0 评论 -
WEB前端学习 Day3(引入css文件+html语义和常用布局元素+css过渡)
第一点内容,引入css文件。这是非常重要的内容,为什么呢!因为之前编写的css都是在html里面写的,要么直接写在html元素的style属性里面,要么写在html中的style标签里面。这两种方式都有弊端,第一种直接在html元素的style属性里面写,毫无疑问的,如果一些样式是一样的,就得写几遍。第二种写在style标签里面,如果有多个html页面要用到同样的css,那也得写多遍。为了解决这个问原创 2015-10-27 01:16:23 · 638 阅读 · 0 评论 -
WEB前端学习 Day 2(边框)
边框是啥?上一次说到盒子模型里面有border,这个边框指的就是border,这一次的目标是把CSS关于边框的近全部的属性拿下。做到想要一个什么样的边框都可以实现,比如说带有弧度的,圆形的,带有阴影的等。 那么首先回顾一下盒子模型,盒子模型从里到外分别是content,padding,border,margin。今天要学的就是border。border有四条,分别是border-top,border原创 2015-10-23 01:59:13 · 720 阅读 · 0 评论 -
WEB前端学习 Day 1(DIV+盒子模型+CSS文本+实例)
关于html,用得最多的就是DIV。所以先把DIV学好,搞懂他的一些特性。其次,文字在一个网页里面也是很重要的,所以先学CSS文本。从html下手,那么,DIV是什么? DIV就是一个块,在DIV里面又可以放很多块或者别的元素。它就是一个容器。它有面积,它是一个盒子模型。 那么什么是盒子模型,看下面这张图。 可以看到上面部分有margin-top,border-top,padding-to原创 2015-10-22 01:20:14 · 6419 阅读 · 0 评论