样式表基础

其他标签:
滚动效果:<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

原文地址:https://www.cnblogs.com/gaofangquan/p/6963246.html