html+css学习记录1
在html中,写再多的空格,浏览器也会将其解析成一个空格,可以用<br/>来换行 <hr/>也是一个字节数标签,可以生成一条水平线。
在html中一些 如 < >这种特殊字符是不能直接使用的,但是我么可以通过一些特殊的符号来表示这些特殊字符,这些特殊字符称之为实体(转义字符串)。实体的语法:&+实体的名字+; 小于号< :< 大于号 >< 空格 版权符号 © 等等 实体可以去文档中去找
img 中alt的可以用于在图片不显示,显示对图片的描述。 alt的作用在于可以让搜索引擎 通过alt属性来识别不同的图片 src的相对路径就是当前资源所在目录下的路径
jpeg:支持图片颜色多,图片可压缩 但是不支持透明 一般用来保存颜色丰富的图片,如照片
gif:支持的颜色少、支持简单透明的、支持动态图
png:支持的颜色比较多、并且支持透明 。一般用来显示颜色复杂的透明图片
图片的使用原则:效果不一致 使用效果好的 效果一致 使用小的
HTML语法规则:HTML中标签不区分大小写 。注释不能嵌套。HTML中标签必须完整要么完整 要么自结束标签 .HTML标签可以嵌套,但不能交叉嵌套。 html中标签的属性必须有值,且必须加双引号
iframe可以引入一个外部的页面 使用iframe创建一个内联框架
href:可以写一个完整链接地址,也可以写一个相对路径 创建超链接时,如果跳转页面不确定,可以用#占位,同时,如果设置了#,点击链接会回到顶部
mailto:邮件地址 点击会默认打开计算机的电子邮件客户端
center标签让内容居中
CSS用link进行引用 CSS的注释 /**/ CSS分为选择器 声明块 选择器即标签元素、Class id 等,声明块即大括号中的元素的属性
块元素 内联元素 块元素:div p h1 h2等 内联元素:span a iframe img等
元素选择器:对整个元素进行设置样式 id选择器 # class选择器 . 通配选择器 * 复合选择器 交集选择器 属性选择器(p[titile])
元素之间的关系:父元素 子元素 祖先元素 后代元素 兄弟元素 语法
伪类:专门用来表示元素的一种特殊状态 如未访问的超链接 访问的超链接 获取超链接的焦点等
伪元素:使用伪元素来表示一些元素的特殊的位置 如:p:first-letter p:first-line
before表示元素最前面的部分,通常与content结合使用 p:before{content:} after用法一样
:nth-child(n) 第n个 even表示奇数 odd表示偶数
:first-child 第一个子元素 :last-child 最后一个子元素 :first-of-type 当前类型中的第一个 :last-of-type 当前类型中的最后一个 :nth-of type 当前类型的第n个
p> span{} 表示寻找p元素的子元素 span p+span 设置p元素后面紧挨着的兄弟元素 span 必须是紧挨着 的(如果p后面紧跟着的不是span,则没有效果) p~span p后面的所有的兄弟元素span
否定伪类:可以从选择的元素中剔除某一个元素 p:not(.类名) 选择除了类名为 的p元素
在CSS中,样式可以被继承 ,将一些基本的样式设置给祖先元素,这样这个样式就会被所有元素继承。但是不是所有样式都会被继承,比如背景相关的样式、边框相关的样式、定位相关的样式
选择器的优先级:选中同一个元素设置相同的样式时,产生冲突时,会有优先级的选择。id(#)>class(.)>元素