zoukankan      html  css  js  c++  java
  • 样式表基础

    其他标签:
    滚动效果:<marquee>滚动内容</marquee> direction属性 规定滚动方向 上下左右
    分割线 :<hr/>
    标记文字:<mark>文字</mark>

    <body>
      <marquee direction="left">滚动</marquee>
      <hr />
      <mark>标记文字</mark>
    </body>
    

    网页里嵌入视频网站的视频:找到视频,点击视频左下角的分享,选择复制通用代码或者HTML代码,然后把代码粘贴到网页。


    框架集:
    <framset></framset> 使用framset标签不能使用 body标签 cols左右拆分 rows 上下拆分 frameborder=“no“ 代表去掉边框=“yes”代表有边框
    frame子标签代表在框架中插入的网页 src=“”要显示网页的地址 scrolling 子页面滚动条
    <ifram></ifram>可以用在网页的任何一个地方 ifram 没有fram子标签
    <ifram width="50" height="40" scrolling="no" src="网页"></ifram>

    <frameset cols="200,*">
      <frame src="06050.html" />
      <frame src="060502.html" />
    </frameset>
    

      

    <frameset rows="200,*">
      <frame src="06050.html" />
      <frame src="060502.html" />
    </frameset>
    

      

     <iframe src="0604.html" width="500" height="400" scrolling="no"></ifram>  
    

       

    CSS样式表 美化网页
    内联:样式是写在标签内的 <div style=""></div>
    代码重用性差 但是控制样式精确
    内嵌:一般写在head里的 <style type="text/css"></style> 嵌在网页的某个位置
    代码的重用性高 但是控制的精确度不如内联的精确
    外部:引入一个CSS文件 样式写在外部的一个文件里面的

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

     代码的重用性最高 控制精确度最低的 

    通过选择器找元素:
    ID属性 每个元素都可以加,需要注意的是id不可以重复
    class 代表类名 每个元素都可以加 是可以重复的 重复的是一类

    1、标签选择器 例如:div{放样式} 可以取到多个元素
    2、ID选择器 名字前加#代表id选择器 例如:#title{} 只能娶到一个元素
    3、class选择器 名字前加.代表找class=标题的所有元素  可以找到多个元素
    4、特殊的 *{} 代表所有的元素
    组合选择器(复合选择器)
    并列关系:div,span 逗号
    后代关系:#title a 空格
    筛选关系:div.biaoti 点

    关于样式表的优先级
    内联的要大于内嵌的优先级 内嵌与外部的优先级是相等的
    标签选择器的优先级大于*所有 class选择器优先级高于标签选择器 id选择器优先级高于class选择器 控制的越精确优先级越高 打破优先级可以在{}中加 !important

  • 相关阅读:
    怎样确定需求
    xampp进程和非进程执行
    将博客搬至CSDN
    管理心得
    数据库性能优化
    开发、架构总结
    activeMQ总结
    php数组操作函数
    Examples_08_08
    保险采购单的修复
  • 原文地址:https://www.cnblogs.com/gaofangquan/p/6963246.html
Copyright © 2011-2022 走看看