HTML复习3

文本层次语义元素

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:字间距

用于定义字间距,所谓字间距就是在字符与字符之间的空白,其属性值可谓不同单位的数值,允许有负值。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值