- 博客(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_盒子模型的宽度和高度理解
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
原创 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
原创 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
原创 h1,p
1.h1标签在企业开发中一般只写一个,因为和SEO有关2.在webstrom中光标选中全部文字:alt+鼠标左键3.在webstrom中新建文件:ctr+alt+insert
2017-07-02 01:28:23 320
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人