样式表基础

最新推荐文章于 2022-09-05 18:57:38 发布

weixin_30596343

最新推荐文章于 2022-09-05 18:57:38 发布

阅读量47

点赞数

原文链接：http://www.cnblogs.com/gaofangquan/p/6963246.html

版权

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

weixin_30596343

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
样式表基础

其他标签：滚动效果：<marquee>滚动内容</marquee> direction属性规定滚动方向上下左右分割线：<hr/> 标记文字：<mark>文字</mark><body> <marquee direction="left">滚动</marquee> ...
复制链接

扫一扫