一、 css的引入方式1.头部引入特点:优点:1.速度快,无服务器请求压力; 2.相对于外部引入单页代码量少。缺点:1.不易改版与维护; 2.代码较乱不易前后台沟通。2.标签内引入特点:1.优先级最高; 2.冗余代码多,代码量大; 3.不利于维护。3.外部引人然后特点:优点:1.一个css文件可以控...
分类:
Web程序 时间:
2015-06-09 13:37:09
阅读次数:
136
1.jQeury:$(“divspan”)和$(“div>span”)有什么区别啊?不都是选择div标签下的span么?这涉及到CSS的知识哦~说明你的CSS没怎么学好呢嘿嘿,有空记得补学一下CSS基础.关于CSS的选择器,>是用来选取兄弟什么的(具体叫法我也忘了)举个例子<div><spanid="span1..
分类:
Web程序 时间:
2015-06-03 19:45:53
阅读次数:
145
预备知识
DIV+CSS基础
CSS3的transform 和 transition用法
主要是用了transform的rotate/scale
动画过渡的几个参数(transition-property/transition-duration/ transition-timing-function)
CSS3的box-shadow..这里只用到外阴影
值得一提的:更多属性的参数要查询css手册...
分类:
Web程序 时间:
2015-06-02 17:57:48
阅读次数:
422
一.CSS引入方法:行内式、嵌入式、导入式、链接式。 1、行内式。 即:在标签的style属性中设定CSS样式。 例子: 2、嵌入式 即:将页面各种元素的设置集中写在标签里。 例子: 3、导入式 即:将一个外部CSS文件引入CSS文件或HTML文件,注意此方法既能在CS...
分类:
Web程序 时间:
2015-05-30 19:43:47
阅读次数:
119
固定层的作用
内容不随页面滚动
应用范围
一般用于头部导航/底部导航/页面中间导航(京东的宝贝详情页有用到,看图)
小伙伴们可以去京东随便打开一个宝贝看看..制作预备知识:
DIV+CSS基础
Position的四个参数作用,这里主要用到fixed属性
Tips:
fixed和absolute都是脱离文档流的
区别:absolute会随页面滚动而fixed不会
absolute的父级元素若是使用了...
分类:
Web程序 时间:
2015-05-28 12:37:20
阅读次数:
206
预备知识
DIV+CSS基础
圆角:border-radius
2D变幻:transform:skew && rotate
伪类::before 和 :after
代码HTML结构代码很简单,CSS内含注释,图片小伙伴们自己替换哈!HTML
CSS3实现曲...
分类:
Web程序 时间:
2015-05-26 00:18:28
阅读次数:
209
css和html相结合的第一种方式:1,每一个html标签中都有一个style样式属性,该属性就是css代码 例:这是一个div区域2,使用style样式属性,该属性的值就是css代码。一般定义在head标签中,首先加载 例:3,将上面style标记里的内容写在文件div.css中,再导入。div....
分类:
Web程序 时间:
2015-05-18 16:13:32
阅读次数:
193
1、内联样式表(和html联合显示,控制精确,但是可重用性差,冗余多) 例:内联样式表 以上就是一个简单的内联样式表,用在中的标签中,相当于style附在标签中,只改变该标签p中的样式和格式。 2、内嵌样式表 例: 这是一个内嵌样式表,就是把 三、选择器 1、单一选择器 1)标签选择器---用标签名...
分类:
Web程序 时间:
2015-05-18 10:41:19
阅读次数:
135
最近将博客简单地修饰了下,需要用到HTML和CSS代码,花了一天时间学习了一下这两方面的知识。虽然内容很简单,但是足够用来修改自己的博客了。1.HTML1.1. HTML介绍HTML与CSS的关系HTML网页内容的载体,内容包含文字、图片、视频等。CSS网页的样式,即表现,包含标题字体、颜色、边框等...
分类:
Web程序 时间:
2015-05-18 00:57:13
阅读次数:
256
HTML:HyperText Markup Language 即超文本标记语言,不同于程序设计语言,它只能建议浏览器以什么方式或结构显示网页内容,是网页的基础架构。
CSS: Cascading Style Sheets 即层叠样式表,简称样式表,是网页页面排版样式标准,它弥补了HTML对网页格式化的不足,起到排版定位的作用。
顺便说一下JavaScript。HTML和CSS配合使用,提供给用...
分类:
Web程序 时间:
2015-05-12 23:03:00
阅读次数:
221