HTML.CSS 要点记录

<link rel="stylesheet" type="text/css" href="..."/>

@CHARSET "UTF-8";

html字符实体: &copy; &nbsp; &gt; &lt; HTML 3C搜索 字符实体 查看更多资料


<a href="mailto:XXX@qq.com">ADMIN邮箱</a>


ul ol无序 有序列表,设置type 设置序列样式


<frameset> <iframe>


跑马灯:<marquee>


css 滤镜效果 实现全站图片黑白色


a:link a:hover


* 通配符选择器


margin:10px 20px 10px 20px;(顺时针旋转上 右 下 左) 同理padding:


父子选择器:#id span span .s1 #id2 span
id选择器 与 class选择器可以共存。<span id="id1" class="cls1">栏目1</spam>
可以有多个类选择器class。<span class="s1 cls1">栏目三</spam> 但是id选择器一个标签默认只有一个
优先级: id > class > HTML选择器 > 通配符


<span>行内元素 数据多大占多大位置,不会占据整行。 <div>块元素 直接占用整行


CSS文件中包含其他CSS文件 @import url("common.css")


盒子模型: margin padding


position:relative相对原先位置变化,而且原先的位置不允许被占用 absolute原先位置允许被占用.变化是绝对于最近的一个脱离标准流的父元素标签而变化,没有父元素那就是绝对于BODY变化
fixed永远绝对与body变化 不写position默认是static定位,此时left top不管用,定位属性是通过:margin


层与层交叉时候,覆盖关系靠z-index控制


<img>标签 alt属性有些浏览器版本不支持,索性,HTML元素标签都是用title,包括Input,tr ,等等,title属性是HTML中最重要的并且都有的属性。

原文地址:https://www.cnblogs.com/qunshu/p/3103052.html