刘益智-CSDN博客

原创常见的图片上的描述

*{margin: 0;padding: 0;}.pic{width: 200px;height: 200px;position: relative;margin: 50px auto;}.pic img{position: absolute;border-radius: 50%;}.p1{width: 200px;height: 200px;background: black;tex

2017-02-25 11:56:45 300

原创选项卡的制作

window.onload=function(){var a=document.getElementById("red");var b=document.getElementById("green");var c=document.getElementById("blue");var d=document.getElementById("but1");var e=doc

2017-02-25 11:53:06 425

原创第一阶段项目小结

第一阶段结束了(html+css)部分，然而这并不代表着结束，反而还是另一个新的开始。随意的找了一个网站来切，正如我的个性，有点随意。。。无限极网，这个网站一开始我还以为有多么的高大上，结果切到一半的时候才发现，这个网站除了我们还没学到用js来做轮播图效果的部分，其它地方根本就没难度的说，因为布局都差不多，只要布局出来一个，其它地方C+C C+V就分分钟搞定，最后再修改一些文字图片内容就OVE

2017-02-25 11:31:27 384

原创 CSS3新增属性

transform)变形：rotate旋转 scale(缩放) skew(倾斜) tranlate(位移)transition: all(元素过度时间)transform-origin(元素基点,找到一个运动或者变形的参照点,以他为中心去变形)animation四个值(动画名称完成时间运动方法动画次数) 例如：animation: movie 1s linear infin

2017-02-17 13:38:44 212

原创整理的一些常用H5标签

~ 表示是一个标题段落标签水平线标签换行标签下标上标原样标签：原样标签会保留空格和换行符。有序的列表标签、无序的列表标签。项目列表标签(dl dt dd)行内标签(span)块标签 div标签的内容会独立占一行。二、实体标签空格小于号 <

2017-02-13 08:14:43 1268

原创一些CSS方面的小技巧

1. 关于background的写法 DIV.comment{background:#f0f0f0 url(url address) repeat-x left top} 1）您可以看到background的第一个定义是一个颜色值这表示在背景图片失效的时候颜色将起作用。 2）url括号中的引号是没有必要的，我们可以不写引号 2. 关于Bord

2017-02-12 20:45:00 156

原创各种居中的方式

1、首先介绍使用css属性让整体布局的居中：设置对象的父级内容居中，这里一个页面的为父级是什么呢？我们可以想象整个页面的内容是由和这两个包含，那根据较近父级我们就设置body的CSS来实现居中问题，可以向在内容里居中有text-align:center;具体css的居中代码为：body{text-aligh:center; } 但是即使这样也会出现问题，因为你没有设置布局有多宽“widt

2017-02-12 20:30:11 211

原创一些网站常见的虚线和边框

一、四边为虚线边框border:1px dashed #000; 黑色虚线边框实例：CSS代码： .divcss5{border:1px dashed #000; height:50px;width:350px}Html代码：我的四边为黑色虚线边框这里设置边框缩写方式定义divcss5选择器四边边框为1px的黑色虚线边框二、左边为虚线：CSS代码： .divcss

2017-02-12 20:27:00 1563

转载 DIV+CSS布局要点整理

在进行页面布局时，知道了下面的要点是会有很大的帮助的。在html页面上通过div块构造页面的主题结构，页面上的元素只有2类，块级元素和内联元素，块级元素很霸道，它会让自己独占单独的一行，通过display:block样式可以将内联元素改成块级元素。在对页面元素进行定位时，需要知道页面默认的是position：static这种没有设置具体定位的，一般对定位不需要特别设置，在特定情况

2017-02-12 12:44:05 194

原创 CSS中margin的塌陷现象

因为CSS中存在一个margin collapse，即边界塌陷或者说边界重叠。对于上下两个并列的div块而言，上面div的margin-bottom和下面div的margin-top会塌陷，也就是会取上下两者margin里最大值作为显示值，所以从这个意义上说：CSS及浏览器的设计者们希望我们在布局时，如果遇到上下两个并排内容块的安排，最好只设置其中每个块上或下margin的一处即可。

2017-02-12 12:41:30 395

原创页面布局

学习了html和css后，对页面布局的理解更加通俗了，拿到一个页面或者一张设计图，应该先去分析他的结构布局，比如说一个首页，一般来说是分为上中下结构，然后每个结构根据需求再进行细分结构，最后在写样式.

2017-02-12 12:32:27 126

原创相对定位和绝对定位的区别

先说相对定位：跟它的名一样，相对嘛，要有一个参照物，但这个参照不是别的，是它自己呢，也就是说没设相对定位的位置，那你会问了，设没设都在那个位置为什么要设呢，因为只有设置了才能使 TOP,LEFT这些生效，也就是设了才能相对自己原来的位置偏移，原来的位置保留着，偏移后会把其它的层遮罩住。再说绝对定位：在布局里不可能有绝对定位的，再怎么样都有一个参照位置的，绝对定位的参照位置就不像相对那样是自

2017-01-19 16:53:10 642

原创对CSS的初步认识

CSS又叫层叠样式表，之前讲过了样式具有优先级，现在有了解到了样式也具有继承性，比如一个类名叫father设置宽为500px，高为200PX，里面在嵌套一个类名为son的盒子，假设这个盒子不设置任何属性，那么他将会继承father的宽度。如果不想将样式写在结构的页面上，可以加上一个代码。在一个具有宽高的盒子内加上一个Margin0 auto属性，可以使这个盒子在页面居中。每当在一个盒子内加

2017-01-19 16:46:14 224

原创 css选择器的优先级

CSS选择器有很多种，如常用的类选择器，ID选择器，行级样式，交际选择器，伪类选择器等等，除此之外，外有一个通配符*，通配符应用范围最广，所以它的优先级是最低的，优先级最高的是！important过来是行内样式，ID选择器，类选择器。熟悉选择器优先级对以后做样式尤为重要。

2017-01-14 19:30:22 277

原创对表单初步的认识

表单，标签，今天暂时学习了lable input select textarea等标签的使用，其中lable为文字标签，而input为输入标签，其中包含text,button,image,radio,checkbox等常用类型，seleet为下拉选项框，textarea为文本区域，虽然数量不是很多，但平时布局起来如果不是很熟悉的话，还是很头疼的。

2017-01-14 19:23:23 236

qq_28851143的博客