随笔分类 - Python
Python
摘要：html5+css3pc端固定布局，大纲算法，section和div，结构分析 一．大纲算法 在HTML5中有一个很重要的概念，叫做HTML5 大纲算法(HTML5Outliner)，它的用途是为用户提供一份页面的信息结构目录。比如我们经常使用的手册就是一个非常好的大纲结构： 测试工具：https:
阅读全文
摘要：html5+css3pc端固定布局,网站结构,CSS选择器,完成导航 页面采用1280的最低宽度设计，去掉滚动条为1263像素。 项目是PC端的固定布局，会采用像素(px)单位。 网站结构语义 在没有任何思路的情况下，可以参考大量同类型的网站，了解一下大致结构。我们将要做的网站是一个旅行社的企业网站
阅读全文
摘要：css布局补充一 图片边框问题 注意css布局时img图片标签默认有的浏览器有边框，所以大多时候需要去除图片的边框 CSS各种居中方法 水平居中的text-align:center 和 margin:0 auto 这两种方法都是用来水平居中的，前者是针对父元素进行设置而后者则是对子元素。他们起作用的
阅读全文
摘要：css布局小技巧及font-awesome图标使用 图片鼠标放上去遮罩效果，显示文字 当鼠标放上去时 css绘制尖角效果 在网页中，有很多地方会用到尖角，尖角可以是图片的，也可以用css来绘制 用一个div来绘制尖角 效果：颜色可以根据自己的需要调整 将其他不需要的3个尖角颜色改成透明的，一个尖角就
阅读全文
摘要：CSS3动画效果 学习要点： 1.动画简介 2.属性详解 3.简写和版本 本章主要探讨HTML5中CSS3的动画效果，可以通过类 Flash那样的关键帧模式控制运行。 一．动画简介 CSS3提供了类 Flash关键帧控制的动画效果，通过animation属性实现。 animation实现动画效果主要
阅读全文
摘要：CSS3过渡效果 学习要点： 1.过渡简介 2.transition-property 3.transition-duration 4.transition-timing-function 5.transition-delay 6.简写和版本 本章主要探讨HTML5中CSS3的过渡效果，通过这个功能
阅读全文
摘要：CSS3变形效果 学习要点： 1.transform 2.transform-origin 3.浏览器版本 本章主要探讨HTML5中CSS3的变形效果，通过变形效果，可以平移、缩放和旋转元素的功能。 一．transform CSS3提供了元素变形效果，也叫做变换。它可以将元素实现旋转、缩放和平移的功
阅读全文
摘要：CSS3边框图片效果 学习要点： 1.属性初探 2.属性解释 3.简写和版本 本章主要探讨HTML5中CSS3中边框图片背景的效果，通过这个新属性让边框更加的丰富多彩。 一．属性解释 CSS3提供了一个新的属性集合，用这几个属性可以嵌入图片形式的边框。这样，边框就可以自定义了。 1.border-i
阅读全文
摘要：CSS3背景渐变效果 学习要点： 1.线性渐变 2.径向渐变 本章主要探讨HTML5中CSS3背景渐变功能，主要有两种渐变方式：线性渐变和径向 （放射性）渐变。 一．线性渐变 linear-gradient背景颜色的渐变功能 CSS3提供了linear-gradient属性实现背景颜色的渐变功能。在
阅读全文
摘要：CSS3文本效果 一．文本阴影 CSS3提供了text-shadow文本阴影效果，这个属性在之前讲过，只是没有涉及浏览器 支持情况。 浏览器支持情况 text-shadow Opera Firefox Chrome IE Safari 9.5+ 3.5+ 4+ 10+ 3.1+ 这里有几个注意点：1
阅读全文
摘要：CSS3前缀和rem长度单位 学习要点： 1.CSS3前缀 2.长度单位rem 本章主要探讨HTML5中CSS在发展中实行标准化的一些问题，重点探讨CSS3中新属性前缀问题和新的单位rem。 一 CSS3前缀 在CSS3的很多新属性推出时，这些属性还处在不太稳定的阶段，随时可能被剔除。而此时的浏览器
阅读全文
摘要：css颜色和透明度,盒子阴影和轮廓,光标样式 学习要点： 1.颜色和透明度 2.盒子阴影和轮廓 3.光标样式 一．颜色和透明度 颜色我们之前其实已经用的很多了，比如字体颜色、背景颜色、边框颜色。但除了背景颜色和边框颜色讲解过，字体颜色却没有系统的讲解过。设置字体颜色其实也成为文本块的前景色。 col
阅读全文
摘要：CSS表格与列表 学习要点： 1.表格样式 2.列表样式 3.其他功能 一．表格样式 表格有五种独有样式，样式表如下： 属性 值 说明 CSS版本 border-collapse 边框样式 相邻单元格的边框样式 2 border-spacing 长度值 相邻单元格边框的间距 2 caption-si
阅读全文
摘要：css边框与背景 学习要点： 1.声明边框 2.边框样式 3.圆角边框 本章主要探讨HTML5中CSS边框和背景，通过边框和背景的样式设置，给元素增加更丰富的外观。 声明边框 边框的声明有三个属性设置，样式表如下 属性 值 说明 CSS版本 border-width 长度值 设置边框的宽度，可选 1
阅读全文
摘要：css盒模型 学习要点： 1.元素尺寸 2.元素内边距 3.元素外边距 4.处理溢出 本章主要探讨HTML5中CSS盒模型，学习怎样了解元素的外观配置以及文档的整体布局。 一．元素尺寸 CSS盒模型中最基础的就是设置一个元素的尺寸大小。有三组样式来配置一个元素的尺寸大小，样式表如下： 属性 值 说明
阅读全文
摘要：文本样式 学习要点： 1.字体总汇 2.字体设置 3.Web字体 本章主要探讨HTML5中CSS文本样式，通过文本样式的设置，更改字体的大小、样式以及文本的方位。 一．字体总汇 本节课，我们重点了解一下CSS文本样式中字体的一些设置方法，样式表如下： 属性名 说明 CSS版本 font-size 设
阅读全文
摘要：CSS颜色与度量单位 学习要点： 1.颜色表方案 2.度量单位 本章主要探讨HTML5中CSS颜色和度量单位等问题，包括颜色的选取方式、相对长度和绝对长度等。 一．颜色表方案 1 颜色的表现形式主要有三种方式：颜色名称、十六进制代码和十进制代码。 解释：这是将一个段落内的文字设置为红色，采用的是英文
阅读全文
摘要：css选择器 学习要点： 1.选择器总汇 2.基本选择器 3.复合选择器 4.伪元素选择器 本章主要探讨 HTML5中 CSS选择器，通过选择器定位到想要设置样式的元素。目前CSS选择器的版本已经升级至第三代，即 CSS3选择器。CSS3选择器提供了更多、更丰富的选择器方式，主要分为三大类。 一．选
阅读全文
摘要：css入门基础 学习要点： 1.使用CSS 2.三种方式 3.层叠和继承 本章主要探讨HTML5中CSS （层叠样式表），它是用来对HTML文档外观的表现形式进行排版和格式化。 一 使用CSS CSS样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个CSS属性和属性值。 解释：sty
阅读全文
摘要：htnl全局属性和其他属性 学习要点： 1.实体 2.元数据 3.全局属性 本章主要探讨HTML5中的HTML实体、以及HTML核心构成的元数据，最后了解一下HTML中的全局属性。 一．实体 HTML实体就是将有特殊意义的字符通过实体代码显示出来。使用方法，实体名称或者实体编号 显示结果 实体名称
阅读全文
浙公网安备 33010602011771号