- 博客(25)
- 收藏
- 关注
RSS订阅原创 7.1学习笔记
1、column- count属性在CSS3中可以通过，column-count属性 来进行多栏布局，这个属性的含义是将一个元素中的内容分成多栏进行显示。写法:column-count:栏目数;兼容性写法:-webkit- column count:3:-moz- column- count:3;需要注意的是，在使用多栏布局的时候。要将元素的宽度设置咸多个栏目的总宽度2、column- width属性:指定栏目的宽度来生成分栏。兼容性写法: - webkit-column- width、
2020-07-01 19:42:50
271
原创 6.30学习笔记
border-radius属性在css3中可以使用border-radius进行圆角边框的绘制，在网页中呢，我们经常使用圆角边框来美化我们的页面，在css3出现之前呢:我们如果要在网页上展示一个圆角边框的一-个效果,那么我们需要绘制图形在css3出现之后呢我们就只需要-段简单的代码就可以实现圆角边框的效果。使用方法:border- radius:半径border-radius属性使用的时候，我们只需要定义好圆角的半径就可以绘制圆角边框了。兼容性:Firefox Chrome Safari O
2020-06-30 20:14:04
150
原创 6.29学习笔记
新增属性属性 功能background-lipT 指定背景的显示范围background- onigin 指定绘制背景图象时的起点background-size 指定背景中图像的尺寸background-break 指定内联元素的背景图像进行平铺时的循环方式1、background-clip指定背景的显示范围css3中的background- clp围性，它主要是用来控制我们的背景显示区域。首先呢，我们来看一下它的用法background-clip : border-box I
2020-06-29 20:43:57
169
原创 6.28学习笔记
第七讲主要讲解,CSS3中各种盒模型、概念、使用方法和浏览器的支持情况，以及讲解当内容溢出是的操作办法，给盒子添加阴影效果，和如何使用CSS3中的属性来定义元素的宽度值 和高度值中是否包含内补白区域，以及边框的宽度和高度。课后目标:1、掌握CSS3中各种盒的类型、概念、使用方法以及浏览器的支持情况。2、当内容溢出时，如何按照自己的想法来让浏览器进行显示3、掌握CSS3加阴影的方法，可以给盒加阴影。1.盒的基本类型:在Css3中使用display属性来定义盒的类型，总体来说盒分为block类型
2020-06-29 19:27:30
107
原创 6.27学习笔记
text- shadow属性的使用方法在CSS3我们可以是用text- shadow属性給页面上的文字潭加阴影效果，text- shadow在CSS2.1的时候是被删除了的一个属性，但是呢在3.0的CSS中又恢复了使用。text-shadow的使用方法:text- shadow = length length length color第一个ength表示的是阴影离开文字的構方向距离:第二个length表示的是阴影离开文字的纵方向的距离;第三个length表示的是阴影模斕半径:color表示.
2020-06-28 11:02:54
80
原创 6.26学习笔记
使用选择器在也页面中插入内容 在前面的课程中我们讲过了如何使用before伪元素和after伪元素在页面中的元素前或者后加入内容，而插入的内容是以content属性来定义的。before伪元素和after伪元素在CSS2.0的时候就已经被添加，从CSS2到CSS3-直都在对这两个选择器进行改良和扩展，从而使得我们的before伪元素和after伪元素的功能越来越强大。课后目标:能够熟练的使用before伪元素和after伪元素在页面中插入文字、图像、项目编号等等。1、使用选择器插入内容
2020-06-28 10:07:31
121
原创 6.23学习笔记
1、选择器E:hover. E:active和E:focus1). E:hover选择器被用来指冠当鼠标指针移动到元素上时元素所使用的样式使用方法:<元素>:hover{CSS样式}我们可以在“<元素>”中添加元素的type属性。例:input[type=“text”]:hover{CSS样式}2). E:active选择器被用来指定元素被激活时使用的样式3). E:focus选择器被用来指定元素获得光标聚焦点使用的样式。主要是在文本框控件获得聚焦点并进行文
2020-06-23 20:58:49
106
原创 6.20学习笔记
伪类选择器以及伪元素：1.类选择器在css中可以使用类选择器把相同的元素定义成不同的样式。比如:p.left{text- align: left}p.rigth{text-align: right}2、伪类选择器类选择器和伪类选择器的区别在于，类选择器我们可以随意起名，而伪类选择器是CSS中已经定义好的选择器，不可以随意起名。最常见的伪类选择器a:link{ color: #ff6600 } /未被访问的链接/a:visited{ color: #87b291 } /已被访问的链接/a
2020-06-23 20:43:44
202
原创 6.19学习笔记
一.什么是CSS3?CSS3是CSS技术的升级版本，CSS即层叠样式表(Cascading StyleSheet) 。在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做-些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。二.CSS3可以做什么CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，
2020-06-19 20:06:20
74
原创 6.17学习笔记
1、对象元素的draggable属性设置为true (draggable= “true”) 。还靄要注意的是a元素和img元素必须指定href2、编写与拖放有关的事件处理代码。事件 产生事件的元素 描述dragstart 被拖放的元素 开始拖放操作drag 被拖放的元素
2020-06-17 19:58:27
87
原创 6.16学习笔记
一.canvas画布中制作动回相对来说很简早，头际上就是个断支化坐杯。探际。重法。的过程。1、使用setInterval方法设置动画的间隔时间。setInterval(code,ilisec)setInterval方法html中固有方法，这个方法接受两个参数，第一个函数表示执行动画的函数，第二个参数为间隔时间，单位是(毫秒)2、用来绘图的函数1)、通过不断的变换X和Y的坐标来实现动画效果。2)、在该函数中先用clearRect方法将画布整体或者是局部擦除。擦除图像clearRect方法:
2020-06-16 20:45:20
138
原创 6.11学习笔记
一.加强版ol元素1.可以通过start属性来定义标号的开始值。2.可以通过reversed属性来进行反向编号。二.dl元素dl元素在HTML4中:d元素在HTML4中，是一个专门用来定义术语的列表。dl元素在HTML5中:d元素在HTML5中，把d元素进行了重定义。每一项包含一条或者多秦带名字的dt元素，用来表示术语，d元素后面紧跟-个或者多个dd元素，用来表示定义。重定义后的dI列表包含多个带名字的列表项。三.canvas元素是专门绘制图形的元素画布的创建方法:指定id、w
2020-06-11 19:59:25
202
原创 6.10学习笔记
十三.mark元素mark元素表示页面中需要突出显示或高亮显示的，对于当前用户具有参考作用的一-段文字。通常在引用原文时使用mark元素，目的是引起读者的注意。mark元素是对原文内容有补充作用的一 个元素，他应该用在一段原文作者不认为重要的，但是现在为了与原文作吉不相关的其他目的而需要突出显示或者高亮显示的文字，上面。mark元素最主要的目的就是吸引当前用户的注意。mark元素除了高亮显示之外，还有一个作用就是在引用原文时，为了某种特殊的目的而把作者没有表示出来的内容重点表示出来。十四.p
2020-06-10 20:11:58
156
原创 6.9学习笔记
一.article元素用于独立区块的元素可以嵌套使用二.section元素1.不要使用section元素设计样式作为设计样式的页面容器那是div的工作2.其他元素更适合是不要使用section元素3.不要为没有标题的内容区块使用section元素三.aside元素1.主要内容的附属信息看小唐去大猩猩基地那里有很多小唐名词解释：大猩猩基地大猩猩基地在宁波2.页面或者全局的附属信息……四.nav元素传统导航条2.侧边栏导航3.内页导航4.翻页操
2020-06-09 20:09:51
98
原创 6.8学习笔记
1.什么是html5HTML超文本标记语言，是一种语法简单结构结构清晰的语言解释型文档不同于其他的编程语言，是HTML第五次重大更新产品。2.HTML5目标用更简洁的HTML大妈创建更多功能的网页程序，并且HTML5让网页更加秦楚明了结构非常清晰。3.HTML5好处为开发人员节省时间，把音视频，图像动画等等都带入一个国度的标准话。4.结构清晰的HTML5在html中增加了主体元素。5.放心使用的HTML5兼容性。实用性。header元素表示页面中的一个内容区块或者整个页面的标题
2020-06-08 20:11:13
93
原创 6.7笔记总结
HTML结构:标记放在 HTML 文件的开头，是一个形式上的标记；标记称为主体标记，网页所要显示的内容都放在这个标记内，它是 HTML 文件的重要所在；标记称为头标记，起的作用是放置关于此 HTML 文件的信息，如提供索引、定义 CSS 样式等；标记称为标题标记，起的作用是设定网页标题；HTML文本排版标识:段落标签: 换行标签: 标题标签: ~ 文字居中标签: 文字段落缩进标签: 设置文字列表:文字列表的主要作用是有序地编排一些信息资源，使其结构化和条理化，并以列表的样式显示出来；
2020-06-07 19:34:52
104
原创 6.6学习笔记
DIV和SPANDIV和SPAN在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式DIV和SPAN的区别在于，SPAN是内联元素，DIV是块级元素盒模型margin 盒子外边距padding 盒子内边距border 盒子边框宽度width 盒子宽度height 盒子高度布局相关属性positionrelative 正常定位absolute 根据父元素定位fixed 根据浏览器窗口定位static 没有定位inherit 继承定位.
2020-06-06 19:55:49
111
原创 6.5学习笔记
背景属性 background-image：url（图片路径）（设置背景）background-image：nonerepeat重复平铺满repeat-x向x轴重复repeat-y向y轴重复no-repeat不重复背景位置background-position横向（left，center，right）纵向（top，center，bottom）用数值表示简写方式background：颜色 url（图片路径）重复 位置还可以用在其他元素里4.文本属性text-align...
2020-06-05 19:53:19
66
原创 6.4学习笔记
CSS的常见属性1.颜色属性：color：greencolor：#ff660（十六进制）color：#f60color：rgb（255，255，255) r(红)g(绿)b(蓝)取值范围0~255 color：rgba（255，255，255，1）透明度2.字体属性font-size（字体大小）px（像素）设置一个固定的值%父元素百分比smalier：比父元素更小larger：比父元素更大inherit：继承父元素font-family（定义字体）以，（逗号）隔开字
2020-06-04 20:18:08
279
原创 6.3学习笔记
定义css样式1.HTML标记定义p{属性：属性值；属性1：属性值1}p可以叫做选择器，定义那个标记中的内容执行其中的样式一个选择器可以控制若干个样式属性，他们之间需要用英语的；（分号）隔开最后一个可以不加；2.class定义class定义由.(点)开始.p{属性：属性值像c++里面的类一样}3.ID定义与class用法类似#p{属性：属性值}4.优先级ID>class>html定义如果相同定义则选择最近元素5.组合选择器h1，h2，h3，h4.p#lms
2020-06-03 21:05:52
89
原创 6.2学习笔记
表格的基本结构：（一）标记：1.width：表示表格宽度，height.2.border属性：表示表格外边框的宽度3.align属性：表格显示的位置（1）left（默认）（2）center（3）right4.cellspacing属性：单元格之间的间距5.cellpadding属性：表格中内容和边框的间距6.frame属性：控制表格最外层的四条边框（1）void表示无边框（2）above仅顶部有边框（3）below（4）hsides顶部和底部有（5）lhs右侧有（6）rhs左
2020-06-02 20:10:10
98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人