Atitti css3 新特性attilax总结图片发光效果2 透明渐变效果2 文字描边2 背景拉伸2CSS3 选择器（Selector）4 @Font-face 特性7 Word-wrap & Text-overflow 样式9 Word-wrap9 Text-overflow10 文字渲染（Text-decoration） 描边12 CSS3 的多列布局（multi-column layout）13 边框和颜色（color, border）14 CSS3 的渐变效果（Gradient）15 线性渐变15 径向渐变16 CSS3 的阴影（Shadow）和反射（Reflect）效果19 CSS3 的背景效果21 CS...
1.定义网页背景颜色颜色可以用2种方式表示：1. 直接指定颜色名称，如blue。2.使用十六进制数据表示如#RRGGBB，分别表示两位十六进制数据.2.设置背景图片3.设置文字颜色4.设置链接文字属性alink可以用来设置鼠标单击链接时的颜色；vlink可以设置被访问过的超链接的颜色。5.设置页面边距6.标题标记...7.定义页面关键字8.定义页面描述9.定义编辑工具10.定义作者信息11.定义网页文字及语言12.定义网页的定时跳转用http-equiv中的refres...
1.什么是css，指的是叠层样式表，控制网页的的外观显示。 2.引入css的三种方式，外部链接，内部链接，内联，分别的语法是，,,style="属性：值" 3.css选择器，选择器就是要针对你要所改变的元素，而单独定义的样式，就常见的选择器：ID，CLASS,元素选择器，子元素选择器，群组选择器，相邻选择器，id选择器是唯一的意思是，只能定义一个id名相同的，class选择器，类选择器，可以为多个元素定义，id选择器和class选择器的区别在于，i...
html中的大部分的标签都有一些糟糕的样式，有的是标签天然自带的，有的是浏览器默认设置的，我们在写网页时，这些默认的样式就会时不时的跳出来捣一下乱，搞得我们很是无奈。所以成手在写css样式时，一般都会在开头写一段初始化程序，来去掉这些默认样式，比如最简单的方法就是使用*{margin：0；padding：0；}。但是通常我们很少使用这种方法，因为通配符*的效率极低。那我们应该使用哪种方法呢，下面博主就来为大家介绍一些常用的...
学习总结html 5 vido标签 和 audio标签 下的属性：controls播放控件 loop循环播放 autoplay自动播放CSS 块级元素 和 行内元素的区别一、块级元素：block element 每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float浮动后除外）。两个块级元素连续编辑时，会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素；块级元素一般作为容器出现，用来组织结构，但并不全是如此。有些块级元...
一些需要记住的点：day1 HTML格式及简单标签:html 文件一般格式：1 2 3 4 页面名称 5 6 7 页面内容 8 9 charset 设置字符编码，避免页面中文内容出现乱码。没有闭标签 需要在末尾打斜杠“/”，alt属性不行的时候可以用title属性代替，align 属性可以设置一个段落内图片居左还是居右，还有width和height属性设置照片大小有序列表 无序列表都可以用type设置项目标志样式：的默认type...
在过去的大概一个月的学习，基本掌握了HTML+CSS的用法和特性。这个星期老师给我们布置了一个PC端的实战项目，并且要求在3-4天内完成，我不惜废寝忘食，在紧迫的时间内大致地完成了，但是有些效果不能像想象中的那样实现出来，毕竟时间有限，能力有限。经过了这次的实战之后，我对此有各方面的总结： 一、技术总结1. 在开发之前必须要先把这个项目的所有设计图从头到尾看一遍，注意观察相同的部分，比如说每个页面的头部和底部都是相...
好几天没更新博客了，刚实战完一个HTML+CSS的简单项目。经过几天的摸索，发现收益良多。之前只是单纯得写demo，看知识点，没有亲自实战项目。但实战过后才会了解，如何才能更好地提升自己的技术。针对这次项目开发，我总结了以下内容：一、技术总结1、公共样式的设定在开始项目之前，我们可以先大体了解一下项目中每个页面的内容，比如字体样式，段落结构，文字大小等。我们可以针对这些内容来设定一个固定的样式文件。在开发中 ...
CSS常用样式4.段落样式1）行高控制段落内每行高度line-height : normal | length例子 源代码：/* CSS代码 */ .normal{line-height:normal; } .length{line-height:30px; }HTML代码 <body><p class="normal">这是正常的行高<br>这是正常的行高<br>这是正常的行高</p><p class="length">这是30px的行高<br>这是30px的行高<br>这是30px的行高</p> </body>效果： 这是正常的行高这是正常的行高这是正常的行高 这是30px的行高这是30px的...
CSS常用样式10.自定义动画1）关键帧（keyframes）被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。语法：@keyframes animationname {keyframes-selector {css-styles;}}animationname：定义动画的名称。keyframes-selector：以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to"，等价于 0% 和 100%。建议定...
CSS常用样式8.变形样式改变元素的大小，透明，旋转角度，扭曲度等。transform : none | <transform-function><transform-function>表示一个或多个变换函数，以空格分开，也就是说我们可以同时对一个元素进行transform的多种属性操作。温馨提示：以往我们叠加效果都是用逗号隔开，但transform中使用多个属性时是用空格隔开。1）translate()指定对象的2D translation（2D平移）。第一个参数对应X轴，第二个参数对应Y轴。如果第二个参...
CSS常用样式5.背景样式1）背景颜色background-color : transparent | color常用值：①英文单词，②十六进制，③RGB或RGBA另外，还有一种是 渐变色彩渐变色彩(gradient)分为线性渐变(linear)和径向渐变(radial)线性渐变：background: linear-gradient(direction, color1, color2, ...);第一个参数省略时，默认为“180deg”，等同于“to bottom”。第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。(颜色值后面可以...
一.认识CSS1.什么是CSS？CSS (Cascading Style Sheet) 层叠样式表是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。由于CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，因此不同的浏览器可能需要不同的前缀。前缀浏览器 -webkitchrome和safari-mozfirefox-msIE-oopera2.CSS能做什么？使用CSS可以有效地对页面进行布局。使用CSS样式可以对页面字体、颜色、背景和其他效果实现精确描述，同时对它们的...
一. 不动,区域内的变化(本质生产一张图片)/*渐变1 长方形之渐变先定义长方形的宽高大小(好观察最好加边框)/*方向 颜色 位置*/利用 background-image: -webkit-linear-gradient(right top,red 50% ,blue 50%);2 大圆中小圆变色 先做一个大圆/*变化圆心 从内到外依次填充颜色*/background-image: -webkit-radial-gradient(50% 50%,yellow 20% ,red 50%, pink 55%, blue 100%);/*也可以在矩形中以圆渐变*/3 倒影.testb{bac...
1、*：通用元素选择器* { margin: 0; padding: 0; } *选择器是选择页面上的全部元素，上面的代码作用是把全部元素的margin和padding设为0，最基本的清除默认CSS样式方法*选择器也可以应用到子选择器中，例如下面的代码：#container * { border: 1px solid black; } 这样ID为container 的所有子标签元素都被选中了，并且设置了border。2#ID：ID选择器#container { width: 960px; margin: auto; } ID选择器是CSS中效率最高的选择器，...