sdanfy-CSDN博客

原创 WEB前端学习 Day 6（Javascript 初识+变量+逻辑判断+数据类型）

什么叫做Javascript，首先，它跟Java无关。它是一种在浏览器上运行的脚本语言，用来通过逻辑判断，循环操作等来控制HTML的节点，获取HTML节点的信息。比如说表单验证，如果用户没有输入，就要弹一个框出来告诉用户没有输入。这样的操作都是跟用户交互的操作，这就自然要获取用户输入的信息。所以，Javascript是用来与用户做交互的，当然也可以编写一些插件来实现一些动画之类的。OK，现在就开始编

2015-11-09 12:04:50 804

原创 WEB前端学习 Day5（背景）

背景不难，最主要的是有关于背景图片的大小，定位。直接进入主题。**background-image**:url(images/img.jpg); //设置背景图片**background-size**:100px 50px;//设置背景图片的大小第一个参数为宽度，第二个参数为高度。也可以使用百分比来控制。例如:**background-size**:50% 60%;//这里的50%指的是设置背

2015-11-04 15:52:01 588

原创 WEB前端学习 Day4（定位）

一个元素，如何让它摆在自己想要的位置。就需要弄透CSS的定位相关的属性。首先，一个元素默认是按照文档流进行布局的，比如说三个DIV，它默认会占用三行，三个SPAN，它默认占用一行，当这一行不够时，也会换行。这就是默认的文档流，每个元素根据自己的特性进行布局。有时候需要摆脱文档流，就需要特殊处理。现在开始了解CSS定位中的几种方式。第一种方式，绝对定位，也就是position:

2015-11-04 12:37:46 458

原创 WEB前端学习 Day3（引入css文件＋html语义和常用布局元素＋css过渡）

第一点内容，引入css文件。这是非常重要的内容，为什么呢！因为之前编写的css都是在html里面写的，要么直接写在html元素的style属性里面，要么写在html中的style标签里面。这两种方式都有弊端，第一种直接在html元素的style属性里面写，毫无疑问的，如果一些样式是一样的，就得写几遍。第二种写在style标签里面，如果有多个html页面要用到同样的css，那也得写多遍。为了解决这个问

2015-10-27 01:16:23 636

原创 WEB前端学习 Day 2（边框）

边框是啥？上一次说到盒子模型里面有border，这个边框指的就是border，这一次的目标是把CSS关于边框的近全部的属性拿下。做到想要一个什么样的边框都可以实现，比如说带有弧度的，圆形的，带有阴影的等。那么首先回顾一下盒子模型，盒子模型从里到外分别是content,padding,border,margin。今天要学的就是border。border有四条，分别是border-top,border

2015-10-23 01:59:13 720

原创 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 6416

sdanfy的博客