自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 css_day05_修改input中placeholder的默认属性

一点一点地积累,慢慢地你会得到你想要的东西,为自己而加油吧! 修改input中placeholder的默认样式<html> <head> <title>修改input中placeholder的默认样式</title> <style> input{ width:500px;

2017-08-08 23:35:31 329

原创 js自学_day01_基础篇

今天在公交上的时候看了一下js比较基础的东西,从基础学起,一点一滴都不要错过。 首先js的东西是写在script标签里的,script标签定义比较初始的东西就放在head标签中,如果是function等一般放在body尾部,这样放是因为程序是自上而下地在执行的。

2017-08-05 15:38:06 362

原创 前端工具_ps_01

如果你是一个从没用过ps的同学,请打开软件边看边尝试。相信这样可以让你更快的熟悉切图的基本方法,自己多练习应该可以满足前端工作中遇到的切图需求啦。(坚持看完,你会有收获的,当然仅仅是入门一丢丢咯~)PS新建文件ctrl+n,弹出窗口,宽高一般单位都是为像素,网页的psd颜色默认是均为rgb,分辨率一般为72像素/英寸。PS常用类工具类:移动工具,选框工具(可以查看选中区域的大小,选择目标区域),文字

2017-07-26 22:39:32 391

原创 css_day05_margin,line-height相关小知识点

1.margin:0 auto;这个属性只对水平方向的设置有效 2.line-height:当一行文本的时候line-height的高度和height的高度相等时,文本居中,多行文本需要垂直居中,只能设置padding了。

2017-07-25 21:45:06 356

原创 css_day04_box-sizing

1.box-sizing=border-box:这个属性可以使元素的宽高保持不变。

2017-07-23 17:46:32 257

原创 css_day04_盒子模型的宽度和高度理解

1.内容的宽度和高度:就是通过width/height来设置的宽度和高度 2.元素的宽度和高度:两边框+两内边距+width/height 3.元素空间宽度和高度:两外边距+两边框+两内边距+width/height

2017-07-23 14:12:33 537

原创 css_day04_margin垂直方向的合并现象

html结构:<span class="hezi1">我是span01标签</span><span class="hezi2">我是span02标签</span><div1 class="div01">我是div01标签</div1><div2 class="div02">我是div02标签</div2>css样式部分: <!-- 注意:垂直方向的margin会有合并现象,哪个marg

2017-07-23 13:56:43 452

原创 css_eg02_css画一个倒三角

今天发现了一个比较有趣的东西呢~ html部分<div></div>css部分 div{ width: 0px; height:0px; border:50px solid; border-color:red #fff #fff #fff ; }

2017-07-23 13:21:24 635

原创 心情

每天都进步一点点,你会得到你所想要的东西,为自己加油吧~

2017-07-23 13:13:24 287

原创 css_day03_继承性

1.继承性:所有后代都可以继承父级的东西叫做继承性 2.注意点: a.一般以color,font,text,line这几个开头的属性可以继承 b.a标签的颜色和下划线不可以继承 c.h标签的字体大小也不可以继承 d.企业开发中css的继承性主要体现在要设置一些共性的时候,例如,设置网页的字体大小,设置网页的字体颜色。<style> body{

2017-07-22 15:13:14 354

原创 css_eg01_让不知道宽高的两个元素水平垂直居中

html结构部分:<div id="parent"> <div id="child"> </div></div>css部分: #parent{ width: 500px; height: 500px; background: blue; vertical-align:middle;/*dis

2017-07-21 23:44:17 329

原创 css_day02_各种选择器基本使用(相邻兄弟选择器+,兄弟选择器~)

1.交集选择器格式:选择器1选择器2{ } 效果:2.并集选择器 . . . . . . . . . .<———————————-华丽的分割线——————————-> 今天是17年08月05日,因为之前的学习不是和扎实,导致现在工作遇到比较基础的东西都花费了比较大的时间和精力。今天就来理解一下兄弟选择器和类选择器。 先直接看看官网: 3_1.相邻兄弟选择器:

2017-07-20 00:06:51 1613

原创 css_day01_对文本的设置

css部分: <style> p{ text-indent: 2em; text-decoration: underline; text-align: center; } </style><!-- 注意点: 1.em和px的区别是: px:相对长度单位

2017-07-19 00:05:50 244

原创 webstrom快捷键积累:

1.ctrl+alt+t:选中文本后按ctrl+alt+t可以为选中的东西添加一对<>

2017-07-18 23:09:58 215

原创 css_day01_font(设置字体的样式)

设置字体的样式一共有四个css部分: p{ font-style: italic;//使文字倾斜 font-weight:lighter;//细线 font-size:30px;//设置字体大小,快捷键:fz font-family:'乱七八糟的字体','微软雅黑'; /*注意

2017-07-18 22:47:26 323

原创 css_day01_简单介绍

1.学习css其实很简单,主要是学习css的两个点:{}的外面和括号的里面 a.{}的里面是学习属性,属性的作用、效果和注意点 b.{}的外面是学习选择器

2017-07-18 22:02:03 309

原创 html_day04_字符实体

<!--注意点:1. 是空格2.<是小于号,>是大于号3.©是版权--><p>我    爱    代码</p><p>学会沉淀的人才能够掌控自己的人生,才可以赢得未来,自律的人才是自己的主宰,为了自己而加油,干爸爹,yellowj简单地学习了<img>标签,<h1>

2017-07-18 18:49:24 314

原创 html_day04_video&audio

<!--video标签的一些注意点:1.autoplay属性:直接播放属性2.controls:控制属性3.loop:一直循环播放属性,loop属性和autoplay属性是冲突的。--><!--video的格式一:--><video src="images/sb1.webm" controls="controls" loop="loop" ></video><!--video的

2017-07-18 16:29:47 657

原创 html_day03_form练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>0717表单练习</title></head><body><fieldset> <legend>注册界面</legend> <!-- 注意:提交要有两个注意点 1.注意点1:在form中要有action属性

2017-07-17 22:40:35 257

原创 html_day02_select&textarea

这是两个非常特殊的标签,也是两个非常重要的标签哦~<!--------------华丽的分割线:select标签------------><select> <optgroup label="广州下的地区"> <option value="">天河区</option> <option value="">花都</option> <option v

2017-07-16 03:17:36 264

原创 HTML_day02_lable

<!-- 需求:当你要把文字和文本框相关联起来的时候那就要用到lable标签了--><form action=""> 用户名:<input type="text"> <br> 密码:<input type="password"> <hr> <br> <br> <br> <lable for="username">用户名:</

2017-07-16 03:01:00 219

原创 HTML_day02_form

今天来学习一个比较好用的标签:form,说到form,最重要的当然是input标签了。<form action="http://www.520it.com"> 用户名:<input type="text" name="username"><br> 密码:<input type="password" name="password"><br> 性别:<br> <!--ra

2017-07-16 01:42:03 263

原创 js_day02_js实现选项卡功能

结构部分:<div> <ul id="nav"> <li class="active">首页</li> <li>男士</li> <li>女士</li> <li>家庭用品</li> <li>电器</li> </ul> <ul id="content"> <li style="dis

2017-07-13 16:42:22 355

原创 js_day01_js实现1到100的和为5050

<script> var sum=0; for(var i=0;i<=100;i++){ sum=sum+i; } document.write(sum);</script>

2017-07-13 01:10:31 951

原创 我的网站收集

学习网站收集

2017-07-10 20:14:28 940

原创 本地文件如何上传到github上(完整版)

本地文件如何上传到github上(完整版)

2017-07-07 04:05:15 868

原创 h1,p

1.h1标签在企业开发中一般只写一个,因为和SEO有关2.在webstrom中光标选中全部文字:alt+鼠标左键3.在webstrom中新建文件:ctr+alt+insert

2017-07-02 01:28:23 320

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除