当前位置:首页 > 前端技术

CSS浮动(Float)

页面布局有两种方式 1)浮动Float 2)定位Position 今天就通过一个小小的练习,通过引导的方式,理解Float的含义。 【例子】 要求: 1)两个方块,一个红色red,一个蓝色blue; 2)红色方块宽度和高度均为200像素,蓝色方块 宽度为300像素,高度为200像素; 3)红色方块和蓝色方块上外边距(margin-top)和左外边距(margi ...

阅读全文
前端技术 2,656 次阅读 抢沙发

xHTML+CSS块状元素和内联元素

我们在布局页面的时候,会将HTML标签分成两种,块状元素和内联元素(我们平时用到的标签div和p就是块状元素,链接标签a就是内联元素)。它们是很重要的两个概念,既然说到概念就先看看块状元素和内联元素的定义,在定义中你要留意它们两个的不同之处。 块状元素 一般是其他元素的容器,可容纳内联元素和其他块状元素, ...

阅读全文
前端技术 1,618 次阅读 抢沙发

CSS盒子模型

盒子模型,是XHTML+CSS布局页面中的核心!要想学会用CSS布局页面,就首先要理解盒子模型! 什么是盒子模型? 对于初学者来说,不容易理解,但是对于生活中的盒子大家应该熟悉,大到集装箱,小到铅笔盒,盒子模型你完全可以理解成现实生活中的盒子就可以了,不然怎么能起个名字叫“盒子模型”呢? 好!既然和现实生活中的盒 ...

阅读全文
前端技术 2,049 次阅读 抢沙发

CSS书写规范、顺序,新手必读

写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性(position, top, right, z-inde ...

阅读全文
前端技术 2,794 次阅读 4条评论

【基础三】CSS选择器命名及常用命名

规范的命名也是Web标准中的重要一项,标准的命名可以使代码更加易读,而且利于搜索引擎搜索,比如定义了两个div,一个id命名为“div1”,另外一个命名为“News”,肯定第二个比较易读,而且搜索引擎抓取率要高,在团队合作中还可以大大提高工作效率。为了达到这种效果我们就要规范化命名(语义化命名)! 说个题外话,规范 ...

阅读全文
前端技术 1,401 次阅读 抢沙发

【基础二】CSS选择器

前面我们讲了《CSS如何控制页面》,如果不记得,我来帮大家回忆一下,总共有四种样式(方式)行内样式、内嵌样式、链接样式、导入样式,大家通过这四种样式(方式)就可以实现CSS对HTML页面样式的控制,如果要让这些样式对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器,HTML页面中的元素就 ...

阅读全文
前端技术 1,885 次阅读 1条评论

【基础一】CSS如何控制页面

本节主要讲解,两个内容: 第一:CSS如何控制页面样式,有几种样式; 第二:这些样式出现在同一个页面时的优先级。 使用xHTML+CSS布局页面,其中有个很重要的特点就是结构与表现相分离,结构指xHTML页面代码,表现就是CSS代码了,如果把一个网页看成穿着衣服的人的话,人就是xHTML,是结构,而衣服呢就是CSS,是表现, ...

阅读全文
前端技术 1,465 次阅读 抢沙发

DIV+CSS学习前言

DIV+CSS的叫法是不准确的 在整个教程的最前面必须先给大家纠正一个错误,就是“DIV+CSS”! “DIV+CSS”这种叫法其实是一种不准确的叫法,是国人给这种布局标准页面的方法起的名字,是对技术理解不够透彻导致的,而标准的叫法是什么呢?呵呵,没错,是xHTML+CSS!,为什么会叫xHTML+CSS等你学完后面的“知识二”和“知识三”后 ...

阅读全文
前端技术 1,325 次阅读 抢沙发

css sprite图像拼接技术

css图像拼接技术英文成为css sprite是一种比较流行的网页图片处理方式,即将所有零碎的网页背景图片整合到一起,这样做可以有效的减少http对图片的请求次数,而不需要加载多次加载零碎的背景图片,所以合理的利用好它可以有效的提高网页的加载速度。 它有其自身独特的优点,但是缺点就是拼接和测量零碎的图片是一项耗时 ...

阅读全文
前端技术 1,901 次阅读 抢沙发

xHTML究竟有多少个标签?哪些是块状元素,哪些是内联元素?

xHTML究竟有多少个标签?绝大部分人都不能得出一个正确的答案,现在就有个机会,自己数数。答案:91个,哈哈,被你找到了~ a, abbr, b, base, body, br, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, head, hr, html, i, img, li, link, meta, ol, p, s, script, span, strong, style, title, u, ul, ...

阅读全文
前端技术 2,413 次阅读 抢沙发