码迷,mamicode.com
首页 > Web开发 > 详细

html+css学习记录1

时间:2018-08-05 00:31:11      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:bsp   col   class选择器   边框   引号   选择器   nbsp   奇数   line   

在html中,写再多的空格,浏览器也会将其解析成一个空格,可以用<br/>来换行 <hr/>也是一个字节数标签,可以生成一条水平线。

在html中一些 如 <   >这种特殊字符是不能直接使用的,但是我么可以通过一些特殊的符号来表示这些特殊字符,这些特殊字符称之为实体(转义字符串)。实体的语法:&+实体的名字+;  小于号<    :&lt;  大于号  >&lt;   空格 &nbsp;   版权符号  &copy;  等等 实体可以去文档中去找

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(.)>元素

 

html+css学习记录1

标签:bsp   col   class选择器   边框   引号   选择器   nbsp   奇数   line   

原文地址:https://www.cnblogs.com/fanlin92/p/9420530.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!