![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
阿牛大牛中
总得有盼头,好过每天都犯愁。
展开
-
快来了解——HTML5、CSS3新特性
文章目录HTML5新特性新增语义化标签新增多媒体标签视频标签音频标签HTML5新增的input类型HTML5新增的表单属性CSS3新特性CSS3新增选择器属性选择器结构伪类选择器伪元素选择器CSS3盒子模型CSS3其他特性CSS3滤镜filterCSS3 calc函数CSS3过渡(重点)HTML5新特性HTML5的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单、新的表单属性。这些特性都有兼容性问题,IE9+以上版本才支持,如果不考虑兼容性问题,可以大量使用这些新特性。新增语义化标签&l原创 2020-07-13 11:48:42 · 505 阅读 · 0 评论 -
你不可不知的几个CSS高级小技巧
文章目录精灵图字体图标字体图标的产生字体图标的优点使用字体图标下载第一步:引入项目下面生成的 fontclass 代码:第二步:挑选相应图标并获取类名,应用于页面:CSS三角CSS用户界面样式什么是界面样式?vertical-align属性应用解决图片底部默认空白缝隙问题溢出的文字省略号显示常见布局技巧margin负值的巧妙应用巧妙运用行内块元素CSS三角强化CSS初始化精灵图为什么要使用精灵图(雪碧图)?一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁的接收和发原创 2020-07-01 12:11:20 · 688 阅读 · 0 评论 -
POLO360网站制作
文章目录POLO360网页效果图HTML代码CSS代码POLO360网页效果图目前为止我们关于HTML和CSS的基础内容就差不多了,我们做一POLO360网页来巩固我们的知识,从实践中总结经验!!!我们看一下这次要做的网页:HTML代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /...原创 2020-04-28 17:47:47 · 1766 阅读 · 0 评论 -
HTML框架集的使用、CSSHack的使用。HTML、CSS(十三)结尾。
文章目录框架集CSS Hack条件Hack属性级Hack之前的框架集框架集和内联框架的作用类似,都是在一个页面中引入其他外部页面,框架集可以同时引入多个页面,但内联框架只能引入一个。在h5标准中,推荐使用框架集,而不使用内联框架。使用frameset来创建一个框架集,注意:frameset不能和body出现在同一个页面中,所以要使用框架集,页面中就不可以使用body标签。frameset...原创 2020-04-28 16:16:52 · 153 阅读 · 0 评论 -
雪碧图解决闪烁问题。HTML、CSS(十一)
文章目录准备闪烁问题解决闪烁问题完成简写属性接下来我们来练习通过背景图片的改变来制作一个按钮。大概就是样子。。。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yRtiApWo-1588030780981)(/Users/mac/Desktop/MarkDown /HTML、CSS(十一)/1.gif)]准备首先我们准备好雪碧图(sprite figure)...原创 2020-04-28 09:48:44 · 335 阅读 · 0 评论 -
HTML表单表格知多少??快来看看超详细的讲解!HTML、CSS(十二)
文章目录表格设计表格调整边框间距调整边框合并设置背景颜色长表格表格布局完善clearfix表单form标签文本框文本域(多行文本框)提交按钮密码框单选按钮多选框下拉列表默认选中重置按钮单纯按钮label标签fieldset标签目前咱们已经学了大部分HTML、CSS的基础知识了,我们再来讲些琐碎的,来完整我们的知识网络。表格表格在日常生活中使用的很多,比如:Excel就是专门用来创建表格的...原创 2020-04-28 09:46:52 · 320 阅读 · 0 评论 -
CSS设置背景图片儿相关样式。。。HTML、CSS(十)
文章目录设置背景图片(background-image)设置平铺(background-repeat)设置图片位置(backround-position)设置背景图片是否滚动(background-attachment)设置背景图片(background-image)background-image属性设置一个元素的背景图像。语法:background-image: url(相对路径...原创 2020-04-27 08:21:47 · 1530 阅读 · 0 评论 -
还没搞清除自己的定位么,看看CSS定位分为哪几种??HTML、CSS(九)
文章目录position定位relative相对定位absolute绝对定位fixed固定定位z-index层级问题opacity设置元素的透明背景position定位说我们相对定位前,我们先说一下我们使用HBuilder的一个技巧,我们创建一个分组为box的div的途径,如果我们要创建一个class名为box的div,我们可以这样敲div.box + tab。[外链图片转存失败,源站可能有...原创 2020-04-27 08:12:50 · 188 阅读 · 0 评论 -
CSS简单小练习,看完保管巩固你的知识!!HTML、CSS(八)
学习了这么多内容没点练习巩固一下肯定是不行的呀,这次我们做一个简单的小练习,主要是巩固之前学习的内容。二话不说练习图片上来,就是做这么一个简单的网页中的一小部分:文章目录Ps简单操作分析开始制作制作完成!之前的Ps简单操作首先说一个大家都知道的软件Photoshop,我们实际开发中不需要我们如何的精通使用Photoshop但是最起码的扣取一些图片还是应该会的,反正学了对我们也没有坏处,虽...原创 2020-04-25 00:23:43 · 704 阅读 · 0 评论 -
自己动手布局页面,写一个导航条快来练习一下吧!高度塌陷问题的解决大家都学会了么??HTML、CSS(七)
之前两次笔记说完了盒模型,应该基本上看到网页就能把大概的布局看出来了,无非就是大盒套小盒,小盒套小小盒。那我们来看看怎么来做一个简单的布局。以及讲解一下什么是高度塌陷问题,如何解决高度塌陷问题,最后动手自己制作一个导航条。文章目录简单布局高度塌陷问题解决高度塌陷清除浮动影响解决高度塌陷升级导航条制作之前的简单布局开始!我们先动手会绘画一个简单的布局。当当当当:确实很简单哈,三个块,上中...原创 2020-04-24 09:04:05 · 721 阅读 · 4 评论 -
盒子模型讲解后继,display、overflow、float属性都了解多少??还有文档流也一起看看吧,HTML、CSS(六)
文章目录display属性display:none与visibility:hidden区别overflow属性文档流元素在文档流中的特点块元素内联元素浮动float属性float特点之前的上次的笔记说了CSS中最重要的盒子模型,不知道大家掌握了没有,需要了解的可以查看上一次的博客。这次我们继续我们的笔记。display属性假设一个我们写一个超链接:<!DOCTYPE html>...原创 2020-04-23 12:15:02 · 698 阅读 · 1 评论 -
CSS选择器到底有哪些?CSS笔记(一)
文章目录CSS简介CSS样式编写1、内联样式2、内部样式3、外部样式CSS语法选择器常用的选择器元素选择器id选择器类选择器选择器分组(并集选择器)通配选择器复合选择器(交集选择器)后代元素选择器子元素选择器伪类选择器伪元素选择器属性选择器:兄弟元素选择器否定伪类选择器声明块块和内联元素(html)之前的笔记之前两次笔记我们简单的介绍了一下HTML,接下来我们学习一下css,就是我们之前所说,结...原创 2020-04-19 20:26:57 · 3183 阅读 · 0 评论 -
CSS最重要的东西你掌握了么???盒子模型你明白么!!快来学习!!HTML、CSS(五)
文章目录盒子模型(Box Model)先来说下盒子是什么生活中的盒子网页中的盒子设置边框(border)边框的宽度边框的颜色边框的样式border复合属性内边距(padding)外边距(margin)默认样式内联元素的盒子之前的来了!!上次博客说了我们这次要讲解盒子模型,这可以说是我们CSS最重要的东西了,也许有的人自问:前面学明白了???你现在说这些???或者感叹:终于熬到这儿了。那让我们看看...原创 2020-04-22 20:36:20 · 569 阅读 · 0 评论 -
CSS尺寸与文本讲解。HTML、CSS笔记(四)。
文章目录CSS尺寸(Dimention)行高line-height属性尺寸的其他属性heigh、width属性max-height、max-width属性min-height、min-width属性文本text-transform属性text-docoration属性letter-spacing属性world-spacing属性text-align属性text-indent属性回顾一下之前的上次...原创 2020-04-22 10:28:50 · 601 阅读 · 1 评论 -
HTML列表的简单使用以及在我们网页编程中的单位你了解多少??CSS中的字体样式你又了解多少,进来康康!!HTML、CSS(三)
文章目录列表无序列表有序列表列表嵌套定义列表单位长度单位像素 px百分比em颜色单位颜色名为单位RGB值字体样式字体分类衬线字体非衬线字体(无衬线字体)字体的其他样式font-style属性font-weight属性(粗细)font-variant 属性font简写属性之前的列表列表就相当于去超市购物时的那个购物清单。在HTML中,也可以创建列表,在网页中一共有三种列表: 1. 无序列表...原创 2020-04-21 14:35:25 · 564 阅读 · 0 评论 -
CSS选择器优先级怎么分??html中的文本标签都有哪些??CSS(二)
文章目录放在前面的前言样式的继承选择器的优先级==**优先级的规则**==:伪类选择器的优先级关系总结一下我们a的伪类顺序文本标签(html)< em > 和 < strong > 标签< i > 和 < b > 标签< small > 标签< cite > 标签< q > 标签与 < blockquote ...原创 2020-04-20 17:18:40 · 1058 阅读 · 0 评论