①内联框架
<iframe src='地址' width='宽' height='高' name=''></iframe>引入一个外部网页(不推荐使用,不会被搜索引擎检索)
②超链接
<a href=''地址 可以是本地的相对路径 也可以完整的绝对路径></a>默认‘’_self‘’本页面跳转,‘’target=_blank属性可以在新页面跳转(可以在内联框架的‘name’处跳转)ps:如果不知道超链接要跳转到哪,直接加一个‘#’就可以了
<center></center>把想要居中的内容用center包起来
搜索锚点链接的使用方法
③CSS 层叠样式表
内联样式表:在段落标签里添加:style='color:red;font=size:尺寸px;'添加样式(不推荐使用)
内部样式表:在title标签中添加:<style type=''text/css></style>属性在style标签里添加p{属性如color颜色font-size大小}‘p’代表需要样式的地方
样式也可以单独创建一个CSS文档单独用来写样式,这样可以使别的html文档也使用同样的标签,在html中用<link rel='stylesheet' type='text/css' href='css/style.css'/>引入,这样称之为外部样式表:p{属性如color颜色font-size大小} 注意样式表中不可以写html的语法如注释等,如果实在需要注释用/*......*/格式添加注释
④块元素(有可以包含内联,独占一行的特点,会从上往下排列)
div用来做布局;
p(特殊 只能包含内联 不能包含块);
h1-h6;
ul;
li...
⑤内联元素/行元素(不独占一行 有多大占多大,会从左往右排列,到头自动换行)
span;
a(特殊 可以包含任何 但是不能包括自己);
img;
iframe;
input
⑥常用选择器
元素选择器:通过元素选择器选择页面上所有元素 ‘元素{样式属性如color等}’
id选择器: 通过给元素设置id后给指定元素设定样式 ‘#元素id{样式属性如color等}’
类选择器:通过class给元素设置类名给一组元素设定样式 ‘.元素class{样式属性如color等}’
通配选择器:*{样式属性}‘ *’ 代表所有元素
复合选择器(交集选择器):元素.元素calss{样式属性} ps:一般只用于calss
子元素:子元素选择器可以给另一个元素的子元素 设置样式 ‘父元素 > 子元素{}’
:first-child 选择第一个子标签
:last-child 选择最后一个子标签
:nth-child 选择指定位置的子元素
:first-of-type
:last-of-type
:nth-of-type 选择指定类型的子元素
伪类选择器: :link正常链接
:visited(只能定义字体颜色)访问过的链接
:hover 鼠标滑过的链接
:active 正在点击的链接
属性选择器:元素[属性名]{} 为有某属性的元素设置样式
元素[属性名=**]{} 属性等于**的
元素[属性名^=**]{} 属性以**开头的
元素[属性名$=**]{} 属性以**结尾的
元素[属性名*=**]{} 属性包含**的
兄弟元素选择器:兄弟元素 + 兄弟元素{} 查找后边一个兄弟元素 这个必须是紧挨着前面元素
兄弟元素 ~ 兄弟元素{} 查找后边所有的兄弟元素 这个只要是前一个元素后面的元素都能选中
否定伪类选择器::not(**){} 否定伪类可以帮助我们选择不是** 的某个元素
拥有想同样式的元素选择器,可以用‘选择器,选择器{样式属性}’
⑦继承
就像父亲的财产会遗传给儿子一样,在CSS中祖先元素的样式 同样也会被子元素继承。
继承是指应用在一个标签上的那些CSS样式会同时被应用到其 内嵌标签上
背景 边框不会被继承