第二章:CSS 样式
CSS3 专栏暂停更新,更多 CSS 扩展知识请订阅此专栏关注后续更新。待续~
孤安先生
北漂打工人。
曾获竞赛奖项:第十四届上海市大学生计算机应用能力大赛“三等奖”;
愿与“你”顶端相见!
展开
-
第三节:CSS 核心基础
引言:CSS 以 HTML 为基础,提供了丰富的功能,如:字体、颜色、背景的控制及整体的排版等,而且还可以针对不同的浏览器设置不同的样式第一节:CSS3 入门主流浏览器的私有属性内核类型相关浏览器的私有属性私有前缀TridentIE8 / IE9 / IE10-msWebkit谷歌(Chrome)/ Safari-webkitGecko火狐(Firefox)-mozBlinkOpera-o注意:运用 CSS 私有属性时,要遵从.原创 2020-08-04 19:05:12 · 344 阅读 · 0 评论 -
第四节:CSS3 选择器
第三节:CSS3 选择器2.3.1 属性选择器属性选择器可以根据元素的属性及属性值来选择元素E[att^=value] 属性选择器E[att^=“value”] 属性选择器 是指选择名称为 E 的标记,且该标记定义了 att 属性,att 属性值包含前缀为 value 的子字符串当 E 省略不写时,则表示可以匹配满足条件的任意元素div [id^=section] 表示 匹配包含 id 属性,且属性值是以 “section” 字符串开头的 div 元素语法格式:标记名[属性^原创 2020-08-05 18:25:10 · 689 阅读 · 0 评论 -
第五节:CSS 盒子模型
第四节:CSS 盒子模型2.4.1 初识盒子模型概述:把 HTML 页面中的元素看作是一个矩形的盒子。每个矩形都由元素的内容(content)、内边距(padding)、边框(border) 和 外边距(margin) 组成<head> <style type="text/css" > .box { width: 240px; height: 60px; border: 1px原创 2020-08-06 19:08:00 · 772 阅读 · 0 评论 -
第六节:浮动与定位
第五课时:浮动与定位2.5.1 元素的浮动元素浮动可以使页面变得整齐、有序元素的浮动属性 float通过 float 属性来定义浮动,使元素脱离标准文档流的控制,移动到其父元素中指定位置注意:"IE6 双倍边距" 解释:对元素同时定义 float 和 margin-left 或 margin-right 属性时,在 IE6 浏览器中,出现的左外边距或右外边距将是所设置的 margin-left 或 margin-right 值的两倍属性值说明left元素向左浮动原创 2020-08-07 19:00:01 · 720 阅读 · 0 评论 -
第七节:表单的应用(一)
第六课时:表单的应用2.6.1 表单的构成一个简单的 HTML 表单界面由 表单控件(也称表单元素)、提示信息 和 表单域 3部分构成表单控件:包含了具体的表单功能项,如:单行文本输入框、密码输入框、复选框、提交按钮 和 搜索框 等提示信息:一个表单中通常需要包含一些说明性的文字,提示用户进行填写和操作表单域:相当于一个容器,用来容纳所有的表单控件和提示 信息,可以通过它 定义、处理表单数据所用程序的 url 地址 及 数据提交到服务器的方法。如果不定义表单域,数据将无法提交到服务器后台原创 2020-08-08 17:50:00 · 423 阅读 · 0 评论 -
第八节:表单的应用(二)
2.6.4 常用表单元素HTML5 表单元素除了 input 元素外,还包括 textarea、select、datalist、keygen、output 元素textarea 元素定义 input 控件的 type 属性值为 text 时,可以创建一个单行文本输入框,需要输入大量信息时,就需要定义 textarea 标记各浏览器对 cols 和 rows 属性的理解不同,所以实际开发中,更常用的方法是使用 CSS 的 width 和 height 来定义多行文本输入框的宽高属性原创 2020-08-09 20:21:37 · 400 阅读 · 0 评论 -
第九节:多媒体技术
第七课时:多媒体技术2.7.1 多媒体的支持条件实际开发中,要考虑视频音频编解码器、浏览器 等因素视频和音频编解码器视频解码器视频解码器定义了多媒体数据流编码和解码的算法编码器:主要是对数据流进行编码操作,用于存储和传输解码器:主要是对视频文件进行解码,目前最多的 HTML5 解码文件是 H.264、Theora 和 VP8H.264H.264 是国际标准化组织(IOS)和国际电信联盟(ITU)共同提出的继 MPEG4 之后的新一代数字视频压缩格式TheoraTh原创 2020-08-10 19:35:01 · 419 阅读 · 0 评论 -
第十节:CSS3 高级应用
第八课时:CSS3 高级应用2.8.1 过渡CSS3 提供的过渡属性,可以在不使用 Flash 的动画或者 JavaScript 脚本的情况下,为元素从一种 样式转变为另一种样式时添加效果,如:渐显、渐弱、动画快慢 等transition-property 属性用于指定应用过渡效果的 CSS 属性的名称,通常在用户将指针移动到元素上时发生,当指定的 CSS 属性改变时,过渡效果才开始属性值说明none没有属性会获得过渡效果all所有属性都将获得过渡效果原创 2020-08-11 19:20:00 · 311 阅读 · 0 评论