HTML/CSS一些需要注意的基础知识

border:0;边框存在但不现实 并且占内存

border:none;边框未渲染

HTML的书写规范:

  1、标签换行。 2、标签缩进。 3、标签要关闭。 4、标签名属性不能为空。 5、首先要!doctype声明。 6、编码格式为UTF-8。 7、标签要半角英文小写。 8、合理注释。9、类名,id名要有语意的注释。10、 合理嵌套。

相对定位:相对定位,要有一个参照物,但这个参照是它自身,也就是说没设相对定位的位置,但只有设置了才能使 TOP,LEFT这些生效,也就是设了才能相对自己原来的位置偏移,原来的位置保留着,偏移后会把其它的层遮罩住。

绝对定位:在布局里不可能有绝对定位的,再怎么样都有一个参照位置的,绝对定位的参照位置就看它的上级或上上级有没有定位,也就是有没有position:relative;当要绝对定位的层设好要参照位置的层后,就可以用TOP,LEFT这些来定位置了,如果它的上级或上上级都没定位的话只就会根据BODY的位置来定位了,还有最后一点,绝对定位会导致元素脱离文档流。

padding和margin的使用情况:padding:父元素与子元素;margin:同级子元素。padding会对边框造成影响。

块元素和行元素的区别:1、块元素独自占一行,行元素不会独自占一行。2、块元素可以设置宽高,行元素不行。3、块元素可以设置margin和padding值,行元素只能设置水平方向的padding和margin值。

浏览器常见的hack :

“-″减号是IE6专有的hack

“\9″ IE6/IE7/IE8/IE9/IE10都生效

“\0″ IE8/IE9/IE10都生效,是IE8/9/10的hack

“\9\0″ 只对IE9/IE10生效,是IE9/10的hack

常用浏览器的内核及内核前缀:

浏览器     浏览器内核               浏览器前缀

chrome   Webkit                   -webkit(Blink最新)

Opera     Presto(webkit最新)  -o-(webkit最新)

safari      Webkit                  -webkit-

Firefox    gecko(壁虎)            -moz-

IE          Trifent                   -ms-

时间: 2024-10-10 03:43:42

HTML/CSS一些需要注意的基础知识的相关文章

css+css3 查漏补缺 基础知识

1.css选择器 通用选择器   * {} 类型选择器   h1 {} 类选择器       .note {}    p.note{} ID选择器       #introduction {} 子元素选择器  li>a {} 后代选择器     p>a {} 相邻兄弟选择器  h1+p {} 普通兄弟选择器  h1~p {}  具体性原则  就近原则  重要性 2.透明度     opacity:0~1: rgba(0,0,0,0.5) 3.css3 HSL和HSLA     hsl(色调[0

前端开发:css基础知识之盒模型以及浮动布局。

前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西?  为什么这个浮动没有效果?  这个问题楼主已经回答了n遍.今天则是把它写到我的博客中,想知道自己过来翻就好啦 ^_^  下面楼主把当前的自己对css的基础认知一一给大家道来...... 盒模型 谈到盒模型,有经验的小伙伴一定滚瓜烂熟,无非就是 内容(content).填充(padding).边框(border).边界(margin): 这些属性我们可以把它转移到我们

DIV+CSS网页布局常用的一些基础知识整理

CSS命名规范一.文件命名规范 全局样式:global.css:框架布局:layout.css:字体样式:font.css:链接样式:link.css:打印样式:print.css: 二.常用类/ID命名规范页 眉:header内 容:content容 器:container页 脚:footer 版 权:copyright 导 航:menu主导航:mainMenu子导航:subMenu 标 志:logo标 语:banner标 题:title侧边栏:sidebar 图 标:Icon注 释:note

CSS基础知识---浮动,定位和盒模型

转载请注明出处! 需要掌握的三个最重要的CSS概念是浮动,定位和盒模型. 盒模型概述: 页面上的每个元素都被看做一个矩形框(元素框or盒模型),这个框由元素内容,内边距,边框和外边距组成. 内边距出现在内容区域的周围,如果为元素添加背景,那么背景就会应用于由内容和内边距组成的区域.添加边框会在内边距的区域外边加一条线.在边框外边是外边距,外边距是透明的,一般用它来控制元素之间的间隔. 内边距,边框,和外边距是可选的,默认值为零.但是许多元素由用户代理样式表设置了外边距和内边距,我们可以将元素的m

〖前端开发〗HTML/CSS基础知识学习笔记

经过一天的学习,把慕课网的HTML/CSS基础知识学完了,笔记整理: 1. 文件结构: HTML文件的固定结构: <html> <head>...</head> <body>...</body> </html> html是根标签 head定义文档头部,包含: title, script, style, link, meta body是网页主要内容,包含:h1,h2-h6, p, a, img 2. 认识head标签: <head

(转)第一天 XHTML CSS基础知识 文章出处:标准之路(http://www.aa25.cn/div_css/902.shtml)

欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准. 学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局.如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂. 由于时间关系,本教程只讲解一些基础知识,让您从原来的表格布局跨入到web标准(div+css)布局,会使用web标准制作出常见的页面,这也达到了本教

HTML+CSS+JS基础知识

目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="stylesheet" type="text/css" href="mystyle.css"> 内部样式表:<style type="text/css"> body {background-color: red} p {margin-left: 20px} &

XHTML CSS基础知识

学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局.如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂. 由于时间关系,本教程只讲解一些基础知识,让您从原来的表格布局跨入到web标准(div+css)布局,会使用web标准制作出常见的页面,这也达到了本教程的目的. 本教程多以实例形式循序渐进讲解,实例涉及到哪些关键点或难点就讲解什么,较少讲解概念.因为概念这些东西很难说明白,或者说明白你也不一定

CSS(层叠样式表)基础知识

CSS 指层叠样式表 (Cascading Style Sheets).样式定义如何显示 HTML 元素.它通常存储在样式表中,把样式添加到 HTML 4.0 中,解决内容与表现分离的问题. 当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢? 一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权. 浏览器缺省设置 外部样式表 内部样式表(位于 <head> 标签内部) 内联样式(在 HTML 元素内部) 因此,内联样式(在 HTML 元素