- 博客(18)
- 收藏
- 关注
RSS订阅原创 js基础运用-右键菜单
1. 出现alert弹出框2. 选择是否离开 离开则关闭页面，取消则留在页面3. 选中页面中的文字跳转百度搜索，如果没选中提示选中文字提示4. 用户输入内容跳转搜索 ，取消则留在页面
2017-01-07 17:24:56
388
原创 媒体查询
媒体查询是界面为了适应不同屏幕大小而存在的基本语法是：@media mediatype and（在）| not（不再）|only （仅在）(media feature （设备尺寸）) { CSS-Code; }body{ background-color:grey; //正常情况是灰色 } @media
2016-12-10 20:25:03
1297
原创 弹性盒模型
目的：在浏览器窗口变化时，盒子相应改变大小。设置了弹性盒模型后，float，clear和vertical-align在flex中不起作用。
2016-12-04 17:45:58
303
原创 position定位
position属性是指本体相对于上级的定位position定位又分绝对定位和相对定位。它的默认值是static，意味着元素没有被定位，出现在文档流中应该出现的位置。如果用position来布局页面，父级元素的position属性必须为relative或absolute。行元素只有加了position:absolute后才可设置宽和高。static、rela
2016-12-04 17:23:22
391
原创 display属性
display常见属性值1. none：隐藏对象。注意：隐藏元素时visibility:hidden和opacity:0会虽然会将元素隐藏，但是物理空间实际存在，display:none隐藏元素后连物理空间也不会存在了2. inline：指定对象为内联元素 a{ background:orange; width:100px; height: 100p
2016-12-04 17:10:51
401
转载 css小知识杂记
一css加载方式link和@import的区别，为什么不推荐使用@import? 1. @import是CSS提供加载样式的一种方式，只能用于加载CSS。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等。 2. 加载顺序的差别。当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页
2016-11-25 15:58:35
264
原创 css实现鼠标悬停时滑出层
*{ margin: 0; padding: 0; } ul{ display: inline-block; background: red; width: 300px; height: 250px; }
2016-11-25 15:50:23
1717
原创 CSS浮动（float）
清除浮动的常用方式：1.结尾处加空div标签 clear:both （或在下一个元素上加clear:both;）2.父级div定义 伪元素:after 和 zoom 3.父级div定义 overflow:hidden
2016-11-24 15:21:50
431
原创 css3 3d
transformtranslate(x轴,y轴， ) 能够改变位移，沿x轴，y轴移动距离改的是用户看见的样式，对于元素本身而言没有改变scale() 缩放 里面的值是缩放多少倍，没有单位rotate() 旋转 单位是degskew(水平,垂直) 翻转
2016-11-23 10:34:32
258
原创 css3渐变，圆角，阴影
渐变线性渐变 .box{ width: 200px; height: 100px; background: linear-gradient(red,blue); /*background: linear-gradient(to bottom,red,blue);表示从上到下颜色渐变*/ /*渐变可以添加多个颜色b
2016-11-23 09:53:52
563
原创 选择器
伪类选择器1.E:link 设置超链接没有在访问之前的样式（只对生效）2.E:visited 超链接在访问之后的样式（只对生效）3.E:hover 鼠标悬停时样式4.E:active 鼠标按下时的样式 5.E:not(S) 选择不含有s选择器的E6.E:first-child 选中父元素的第一个子元素7.E:last-child 选中父元素的
2016-11-21 16:11:30
277
原创 float和display:inline-block
float和display:inline-block 都能使两个块形元素并排下面是div部分代码 使用float时结果是 *{ padding: 0; margin: 0; } .left{ width: 50%; height: 100px; float: left;
2016-11-21 10:12:47
555
原创 list列表图标
方法一 ul li{ list-style:none; font-size:24px; line-height:30px; padding-left:40px; background:url(img/360.png) no-repeat; } 888 888 8
2016-11-20 15:25:16
741
原创 css基础
html决定结构，css控制样式，js决定行为。css能把样式和内容分开。后面的样式会覆盖前面相同的样式。样式表由选择器和声明两部分组成，选择器标识格式的元素，声明用于定义样式。.层叠样式表引入方式有：行内样式表（内联样式表:只用于当前元素）style=”” > 内部样式表 > 外部样式表 > 导入@ url (“test.css”);选择器：id选
2016-11-20 09:16:18
213
原创 表单二
fieldset可将表单的元素分组，一般与 legend一起用，legent可作为分组名字 健康信息 身高 体重 //disable会使下拉列表不可选，size表示可现实行数 北京//selected表示下拉表的选中项 上海//value表示要发给服务器的值 高度和宽度的单位是字符
2016-11-18 14:41:06
339
原创 html学习笔记---表单基础一
表单功能是用于搜集页面用户信息并发送给服务器，实现用户和服务器的交互。form是块级元素表单包含表单域 表单标签 表单按钮 /*url：form表单提交的地址 enctype：表单提交数据的编码（multipart/form-data：二进制) method:表单提交的方式*/ 用户名： 密码： input是自闭合标签，根据type的类型而改变t
2016-11-18 09:33:07
344
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人