CSS笔记

5 篇文章 0 订阅
1、table诞生的目的是为了存储数据,而DIV诞生的目的就是为了架设页面结构。
2、W3C是World Wide Web Consortium的缩写,中文叫做W3C组织或者万维网联盟。
3、W3C标准包括三部分:结构标准、表现标准和动作标准。其中,与结构标准对应的代表语言是XHTML,与表现标准对应的代表语言是CSS,与动作标准对应的代表语言是JavaScript。制作标准页面要符合结构标准和表现标准,因此,我们称之为“XHTML+CSS”
4、CSS控制HTML页面有4中样式:行内样式、内嵌样式、链接样式、导入样式。
①行内样式是直接对HTML标签使用style="",例如:
<p style="color:#f00";background:#ccc;font-size:12px;"></p>
②内嵌样式:将CSS代码写在<head></head>之间,并且用<style></style>进行声明。
③链接样式:使用频率最高、最实用的方式,只需要在<head></head>之间加上<link.../>就可以了,例如:<link type="text/css" rel="stylesheet" href="style.css"/>
④导入样式:导入样式和链接样式比较相似,采用import方式导入css样式表。
5、四种样式的优先级按照“就近原则”:行内样式>内嵌样式>链接样式>导入样式。
6、CSS选择器最基本的有四种:标签选择器、ID选择器、类选择器、通用选择器。
①标签:
p{
font-size:12px;
background:#900;
color:090;
}
②ID:
#one{
font-size:12px;
background:#900;
color:090;
}
③类:
.one{
font-size:12px;
background:#900;
color:090;
}
④通用:功能最强大、使用最少
*{
font-size:12px;
background:#900;
color:090;
}
7、为了保证写出的代码能够兼容多种浏览器,我们可以对HTML内中的标签进行重置。例如:
如果你使用了body、div、p、a、ul、li标签,我们就可先对这些标签进行重置(标签之间用","隔开)body,div,p,a,ul,li{margin:0;padding:0;}
8、对于选择器的声明我们可以使用两种方法:①选择器的集体声明;②选择器的嵌套声明。
①集体声明(","隔开):如,body,div,p,a,ul,li{margin:0;padding:0}
②嵌套声明(" "隔开):如,#div p a{color:#900;}
9、“盒子模型”的四要素:content(内容)、border(边框)、padding(内边距)、margin(外边距);虽说在现实生活中我们可以忽略外边距,但是在CSS中只有包括外边距的盒子模型才是完整的,即使外边距为零,我们也不要忽略它,要知道它的存在。
10、块状元素和内联元素
①常见的块状元素有:div和p;而常见的内联元素有:a
②如果想把内联元素转化为块状元素可加上属性“display:block”,如:
a{color:#fff;background:#f93;width:100px;height:50px;display:block;}
③若想让某个显示区域在浏览器窗口中居中,可以使用:margin:0 auto;
④为了消除块状元素的“霸权主义”
⑤页面布局分两种:浮动Float和定位Position
⑥为了消除“霸权主义”,只需在块状元素的CSS中加上属性“float:left”(浮动)即可。
⑦IE6有一个双倍边距BUG,出现此BUG要满足3个条件:a.要为块状元素;b.要左侧浮动;c.要有左外边距(margin-left)。要消除此BUG,只需在相应的块状元素的CSS属性中加入“display:inline;”即可。
⑧为了消除浮动,你可以在CSS代码中加入.clear{clear:both;},并在HTML代码中加入<div class="clear"></div>,后面这句话加在需要消除浮动的div之后,当然,这所谓的消除浮动,意思是说消除浮动的影响。
⑨去掉CSS的默认样式,可以在CSS属性中加入“list-style:none;”

⑩垂直居中我们可以使用:line-height:盒子的高度;水平居中可以使用:text-aligh:center;


CSS常用命名:



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值