链接外部样式
语法:<link rel=”stylesheet” type=”text/css” href=https://www.520longzhigu.com/diannao/”CSS的地址”>
rel表示链接的脸型 , 这个属性不能省略 , rel=”stylesheet”表示链接的类型是样式表 。type=”style/css”表示这个文件是css文本 。导入外部样式
语法:@import tul(‘CSS的地址’);
使用:如下
链接样式和导入样式的区别
链接样式只能在HTML页面中引入外部样式;
导入样式既可以在HTML中导入外部样式也可以在样式文件中导入外部样式 。
在HTML中导入CSS样式的两种方法:如下在CSS页面中引入外部样式:如下多个样式的应用样式的优先级
ID样式 > class样式 > 标记样式行内样式 > 内嵌样式 > 外部样式强制优先级
书写:!important
注意:尽量避免使用 。样式的继承
子元素覆盖和继承父元素的样式 。
如果父元素有 , 子元素没有 , 子元素继承父亲的样式;
如果父元素有 , 子元素也有 , 子元素覆盖父元素的样式 。
权重叠加
标签样式 < 类样式 < id样式 < 行内样式 < important
1 < 10 < 100 < 1000 < 10000
根据权重的叠加 , 选择权重最大的样式进行显示 。
例子:多个类样式的应用
以程序执行先后为优先级 , 后执行的将前面的覆盖 。
注释HTML注释
语法: <!–HTML注释–>
CSS注释
语法:/*CSS注释*/
HTML5 介绍概念
官方概念: HTML5草案的前身名为Web Application1.0 , 是作为下一代互联网标准 , 用于取代HTML4与XHTML1的新一代标准版本 , 所以叫HTML5 。它增加了网页的标准、语义化与web表现性能 , 同时还增加了本地数据库等web应用的功能 。广义概念:HTML5代表浏览器端技术的一个发展阶段 , 在这个阶段 , 浏览器呈现技术得到了一个飞跃发展和广泛支持 , 它包括:HTML5、CSS3、Javascript、API在内的一套技术组合 。HTML5发展时间表
目前支持HTML5的浏览器
HTML5的特点
更简单标签语义化语法更轻松多设备跨平台自适应网页HTML5的变化HTML5声明变化
HTML5的文档声明:<!document html>
HTML5的字符集声明:<meta charset=”utf-8″>
简化了字符集的声明标准的改变:语法松散
不允许写结束符的标签area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr可以省略结束符的标签li、dt、dd、p、rpoptgroup、option、colgroup、thread、tbody、tfoot、tr、td、th可以完全省略的标签html、head、body、colgroup、tbodyHTML5支持松散的语法极大地兼容了编程人员的不规范代码 , 同时保证页面效果不会改变 。HTML5是向下兼容的 。新增的结构标记
HTML5最大的变化就是有了予以 , 以前的<div>、<sapn>仅仅表示盒子 , 没有具体的语义 。
<header> 头标签
<nav> 导航
<aside> 侧边栏
<article> 文章标签
<footer> 脚标签
<section> 章节
如果浏览器不识别这些标签 , 全部当成div标签 。新增的三个属性
required必填字段autofocus自动获得焦点placeholder=”默认显示内容”例子如下:
新增的表单元素
HTML5的表单元素可以不放在表单域中 , 可以通过id关联起来 , 即给form定义id值 , 将表单元素的属性form=”对应表单的id”
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- 快速查找字体的方法 图片查找字体的网站
- iframe引用父页面样式 iframe样式修改
- ps让字体倾斜多一点的方法 ps怎么让字体倾斜多一点
- 花式文字在线制作器 创意字体设计生成器
- CSS 开发效率的必备 css强制不换行代码
- 网页字体变小了解决技巧 网页上的字变小了怎么办
- 如何改变微信的字体大小 微信字体大小怎么改
- 电脑字体大小快捷键 电脑字体太小怎么调大
- 如何套用单元格样式制作课程表 课程表模板电子版下载
- 超赞免费特效字体在线生成网站 字体转换器书法在线转换