美文网首页
元素学习知识点

元素学习知识点

作者: 疏疏星影 | 来源:发表于2017-11-24 14:43 被阅读13次

    1.<h1>是定义标题

    2.<hr/>定义一条水平线(分割线)

    3.<p>是段落

    4.斜体字<i>

    5. 粗字体<b>

    6.<br>是换行

    7.<u>文字带下划线

    8.无序列表<ul>( 定义无序列表)、<li>(定义列表每行的内容)

    9.有序列表<ol>( 定义有序列表)、<li>(定义列表每行的内容)

    10. 标签是定义 HTML 表格的,也就是告诉浏览器“我是表格”。<tr>元素定义表格的行,<td>元素定义表格的列。

    11.<video>标签的src属性是必需的。它的值是视频文件的URL,也就是应用视频文件的绝对路径或相对路径()

    controls这是属性就是设置我们视频底部的控制条

    12.position属性规定元素的定位类型

    13.<p> 元素另起一行,如果不想另起一行(用float)

    14.<div>用来给网页分块布局的

    15.内联 > id > 类 > 标签(元素选择器) > 伪类 > 通配符(通用选择器)

    16.通过css来设置,css中有一个display的属性,可以设置inline、block、inline-block等几个不同的值。display:inline设置这个属性的元素就会变成行内元素,不论之前是块级元素,还是行内元素。而且设置的宽高也会失效哦。display:block;这是这个属性的元素就会变成块级元素,不论之前是块级元素还是行内元素。display:line-block;这个是行内块级元素。(如果某个元素被添加了float属性或者用了绝对定位,那么这个元素就会变成块级元素或行内块级元素哦)

    17.选择器,就是用来选择元素的。选择器有很多种,主要包括元素选择器、类选择器,id选择器、群组选择器、后代选择器、子元素选择器。当然这不是全部的选择器种类,是最常用的部分。

    18.伪元素可以显示在页面中,但在dom树中却没有。也可以说它是通过css创建的元素,而不是通过html创建的元素的。

    19.媒体查询,这里的媒体不是平时我们说的那个新闻媒体,跟媒介比较接近。它的意思是查询媒体特征,当媒体类型匹配展示文本所使用的设备类型,会应用相应样式表或样式规则。(@media(min-width:900px) {

    p{

    color:#f60;

    }

    })备注:当满足“@media()”括号中的条件时,就会应用其中的样式规则了。有一点要注意,默认样式要写在媒体查询之前。否则媒体查询的效果会被覆盖哦。

    相关文章

      网友评论

          本文标题:元素学习知识点

          本文链接:https://www.haomeiwen.com/subject/dbcgsxtx.html