文本层次语义元素
time元素
time元素 用于定义时间或日期,可以代表24小时的某一时间。time元素不会再浏览器中呈现任何特殊效果,但是该元素能以机器可读的方式对日期和时间进行编码。
time元素的俩个属性:
- detetime:用于定义时间 或日期。取值为具体的时间或日期,不给定时,元素给定日期/时间。
- pubdate: 用于定义time元素中的日期/时间是文档的发布日期。
mark元素
主要功能是在文本中高亮显示某些字符,以引起用户注意。
cite 元素
可以创建一个引用标记,用与对文档参考文献的引用说明,一旦在文档中使用了该标记,被标记的文档会以斜体的样式展现在页面中,用来区别其他段落。
全局属性
全局属性是指在任何元素 中 都可以使用的属性
draggable属性
用来定义元素是否可以被拖动。属性有两个值 true/false 默认false。
hidden属性
该属性有两个值,true和false 当属性值为true时,元素将会被隐藏,反之显示,可以用JavaScript脚本消除。
spellcheck属性
主要针对于input元素 和textarea文本输入框,对用户数输入的文本内容进行拼写和语法检查 ,有两个值 ,默认值 :true 和false 。
contenteditable属性
属性规定是否可编辑元素的内容,但是前提是该元素 必须可以获得鼠标焦点并且其内容不是只读得,有两个值:true和false 可编辑和不可编辑。
css核心基础
css样式规则
- css样式中的选择器严格区分大小写,属性和值不区分大小写。
- 多个属性之间必须用英文状态下的分号隔开,最后一个属性的分号可以省略,最好保留。
- 如果属性的值有多个单组成且中间有多个空格,则必须为这个属性加上英文状态下的引号 。
引入css样式表
1、行内式
行内式也被称为内联样式,是通过标记的style属性来设置元素的样式。
基本的语法格式是:
<标记名 style="属性1 :属性值1;属性2: 属性值2">
内容
</标记名>
2、内嵌式
语法格式:
<head>
<style>
选择器{}
</style>
</head>
3、链入式
链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式中,通过<link/>
标记将外部样式表文件连接到HTML文档中
语法格式:
<head>
<link href="css文件的路径" type="text/css" rel="stylesheet">
</head>
css基础选择器
标记选择器
标记选择器是指用html标记名称作为选择器,按标记名称分类,为页面中某一类标记指定统一的css样式。
基本语法:
标记名 {属性1:属性值1;属性2 :属性值2}
标记选择器最大的优点是能快速 为页面中同类型的标记统一样式。
类选择器
类选择器使用“.”(英文点号) 进行标识,后面紧跟类名。
语法格式:
.类名{属性1:属性值1;属性2 :属性值2}
注意:类名的第一个字符不能使用数字,并且严格区分大小写,一般采用小写英文字符
id选择器
i的选择器使用“#”进行标识,后面紧跟id名,
语法格式:
#id名{属性1:属性值1;属性2 :属性值2}
通配符选择器
通配符选择器用“*”号表示,他是所有选择器中作用发范围最广的,能匹配页面中所有的元素。
语法格式:
*{
margin:0;
padding:0;
}
标签指定式选择器
标签指定式选择器又称交集选择器,有两个选择其构成,其中一个为标记选择器,二个为class选择器,两个选择器之间不能有空格。
后代选择器
后代选择器用来选择元素和元素组的后代,其写法就是吧外层标记写在前面,内层标记写在后面,中间用空格隔开,当发生嵌套时,内层标记就成为外层标记的后代。
后代选择器不限于使用两个元素,如果需要加入个更多的元素,只需要在元素之间加上空格即可。
并集选择器
并集选择器是各个选择器通过逗号连接而成,任何形式的选择器,都可以作为并集选择器的一部分,如果某些选择器定义的样式完全相同或部分相同,就可以利用并集选择器为他们定义相同的css样式。
文本式属性
字体样式属性
font-size:字号大小
font-family:字体
用于设置字体,网页中常用的字体有宋体,微软雅黑等
设置字体时注意:
- 各种字体之间必须使用英文状态下的逗号隔开。
- 中文字体需要加英文状态下的
- 引号,英文字体一般不需要加引号,当需要设置英文字体时,英文字体名必须位于中文字体前。
- 如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号和双引号。
- 尽量使用默认字体
font-weight:字体粗细
font-style:字体风格
font-style属性用于定义字体风格,如设置斜体等。 - normal:默认值,浏览器会显示标准的字体样式。
- italic:斜体
- oblique:斜体
font:综合设置字体样式
@font-face属性
新增属性,用于定义服务器字体。通过@font-face属性,开发者可以砸i用户计算机未安装字体时,使用任何喜欢的字体。
语法格式:
@font-face{
font-family:字体名称;
src:字体路径;
}
word-warp属性
word-warp属性用于实现长单词和URL地址的自动换行。
语法格式:
选择器{ word-warp:属性值;}
值 | 描述 |
---|---|
normal | 只在允许的断字点换行(浏览器保持默认处理) |
break-word | 在长单词和URL地址内部进行换行 |
文本外观属性
color:文本颜色
- 预定义颜色值
- 十六进制
- rgb代码
letter-spacing:字间距
用于定义字间距,所谓字间距就是在字符与字符之间的空白,其属性值可谓不同单位的数值,允许有负值。