zoukankan      html  css  js  c++  java
  • html+css学习记录1

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

  • 相关阅读:
    七、Struts2之文件上传与下载
    八、Struts2之OGNL
    五、Struts2之类型转换
    wpf坐标转换相关
    wpf拖拽封装类
    获取Bitmap的Graphics
    Win32定时器
    vs2010调试dll
    使用GDI+ 保存HDC为位图文件
    在c++中使用.net
  • 原文地址:https://www.cnblogs.com/fanlin92/p/9420530.html
Copyright © 2011-2022 走看看