前端
爱学语言的人
学习编程,便能创造城市!
展开
-
css清除浮动效果
我们既然可以设置浮动的效果也可以取消浮动的效果,可以利用clear:both;这个就是清除浮动效果,如果配合上伪元素的话会比较好,利用伪元素来将浮动取消,但是要触发clear:both;这个元素必须是块级元素,但是我们的伪元素它是行级元素,所以。我们要将它设置块级元素才可以触发这个清除浮动的效果!...原创 2020-01-04 14:56:45 · 113 阅读 · 0 评论 -
css中的伪元素
css中的伪元素是一个行级元素,由两个冒号后面再添加伪元素,比如::before ,这个before指的是在前面,跟着的属性是content:"内容",还有一个after指的是在后面,同理,要加上content:"";里面就是些内容不管写不写内容都要加上!这个伪元素也可以清空块级元素的浮动效果!...原创 2020-01-04 14:53:48 · 90 阅读 · 0 评论 -
网页的几种写法
第一种是小白式的写法,就是先写html再写css,一对一的写法,这种写法效率比较低下,同样的代码要写n遍第二种写法是一些企业的内部的写法,就是先写功能css再利用html去引用相关的类,这样不仅省时间,效率也很高,别人的代码也可以加以利用,我比较推荐这样的一种写法!另外我加一句,img为什么放多张照片的时候会有边距!这里的解决办法是这样的,可以将img空格删除掉,如果你用margin...原创 2020-01-03 10:52:25 · 413 阅读 · 0 评论 -
css中的边框知识
我们都知道边框这东西很普通,但是,如果你是这样么想的话,那就错了,我刚刚学会的一种,我们的微信中发信息的时候,有个箭头是指向自己的吗?那种该怎么去画这个三角形呢?其实不然,可以用border和宽度配合去使用,当我们想去掉其他的边框的时候,我们可以隐藏,利用transparent这个去实现隐藏!...原创 2019-12-30 08:59:33 · 93 阅读 · 0 评论 -
html中选择器的权重
权重并不指的是优先级的顺序,对我而言就是比大小的意思,哪个选择器大就优先执行哪条语句,这个选择器会常常的使用,我也是最近才发现的这种理解的方法,这个一定要好好的记下来,常见的有这几种: 我们不用10进制的数表示,我们都是用256进制来表示 !important Infinity(正无穷大)行间样式 1000id ...原创 2019-12-30 07:34:43 · 306 阅读 · 0 评论 -
html的冷门小知识
刚刚才发现原来还有一系列的知识点还没有掌握,刚刚学会的.form表单中的可可以提交数据,将文本的内容提交到后端去,利用method="get/post",还可以在文本属性中写if语句,总结出的一点就是我们学编程的,要淬炼自己的编程思想,我们写程序的时候不是一下子就能写出来的,先把自己脑袋中的思想一点一点的写,从量化到质变,我们先写一个思路,然后又一点一点的缝补,这里改改,不好的话...原创 2019-12-29 10:58:33 · 102 阅读 · 0 评论 -
css中万能清除浮动样式
有一种方式可以万能的清除浮动,只要在想要清除的盒子里面再给一个类名然后再利用伪对象设置属性什么伪对象呢?常见的有:after{} :before{} :first-letter{} :first-line{}, 下面我来一 一介绍一下!:after{content:' '清空,你也可以添加字符,这样的话所添加的字符会在这个选择器所选择的元素后面添加字符overf...原创 2019-12-27 07:12:49 · 167 阅读 · 0 评论 -
css高度缺陷的知识
一个大的盒子里面有一个小的盒子,如果小盒子的高度比大盒子的高度高的时候,大的盒子不会跟着小河子高度移动,这是因为大的盒子并没有设置最小的高度~!上面的只可以用于没有浮动的时候才能使用!如果大的盒子里面有两个小的盒子,这两个小的盒子都是浮动的时候,上面所设置的最小高度并不会起到任何的作用,只能在大的盒子中设置overflow:hidden属性,只要大的盒子上设置了这个属性的时候...原创 2019-12-27 06:50:33 · 152 阅读 · 0 评论 -
css最小高度如何兼容IE6
当我们页面如果没有文字内容的时候这个块会缩小到没有,如果有文字它就会撑开,这样的效果并不是很好,我们希望的是,就算没有文字内容也要让这个块保持的原来的大小!这里有一个方法,就是设置它的最小高度,min-hieght:300px;最小高度设置为300,就算文字很多也只是撑开而已,文字很少也只是保持着最小300的高度!但是这里会有一个问题,并不是所有的浏览器支持,比如IE6就不支持这样写,I...原创 2019-12-25 06:52:42 · 124 阅读 · 0 评论 -
css宽高的自适应
PC端的宽高自适应,几乎每个网页上的顶部都会设置这样的,现在来讲讲怎么设置! 第一种,我们将宽度设置为100%,高度20,这样它的宽度就能够四适应屏幕的大小了! 第二种,我们不设置宽度,就是当宽度为0的时候,它也是自适应的屏幕,也能平铺!以上的就是两种方法!高度的自适应 第一种,我们不设置高度,然后写入内容,这样就能将块级元素撑开,可以随时的改变大...原创 2019-12-24 07:22:04 · 98 阅读 · 0 评论 -
Css网页中的透明与不透明的知识
经常看到有的网站上各种页面做的非常好,还经常看到样式都是很出乎意料,今天就来讲一下如何让背景变得透明与半透明的状态,在这里我们需要用到一个属性opacity:0.1;它的值只能是0--1之间,0.1表示最小的透明了,几乎看不出来,1则表示不透明,但是用到这里的时候我要提醒大家,这种效果在IE9之前的都是没用的,所以要注意!当然,并非全部的没用,还可以想到解决的方案,我们可以加上filter...原创 2019-12-24 06:52:58 · 153 阅读 · 0 评论 -
html中的锚点知识
经常在网页上看到,当鼠标将网页移动到底部的时候会有一个让我们返回大顶部的按钮,那个就是通过锚点让我们返回到指定的位置中去的,这个就是a标签产生的效果,通过href指定的位置去访问,如果我们要访问百度的网页的时候,就要通过绝对的路径才能访问,如果我们访问本电脑上的网页就可以给出相对路径或者是绝对路径,你也可以访问当前标签,怎么访问当前页面的标签,我们可以通过设置标签的id去访问,因为id在页...原创 2019-12-23 07:31:54 · 127 阅读 · 0 评论 -
css中固定定位
什么是固定定位呢?position:fixed直接在想要定位的那个元素上使用就行!参照物是屏幕可视区,不论怎么滚动页面都不会发生改变的。 元素会变成块元素的特点 完全脱离文档流不占位置 也是支持控制位置的变化怎么让一个元素居中呢?1.可以利用定位,将top,left,right,bottom,都设置为0,然后再利用外边距margin:0;这样就能设置为居中的样式!...原创 2019-12-23 07:00:35 · 164 阅读 · 0 评论 -
css相对定位的小知识
相对定位,默认的情况下是根据自身当作参照物进行的定位,当我们使用多个绝对定位的时候,有可能会出现重叠的问题,那是因为已经脱离了文档流,后面的会钻进第一个的位置,所以这个时候可以使用相对定位,就可以将钻进视觉上看不到的显示出来,相对定位其实就是当作绝对定位的爹使用了,如果想向左边横着排,使用绝对定位的时候是不能了,只能使用相对定位的时候可以加上浮动float:left这样的话,哪些竖着排的都...原创 2019-12-23 07:00:52 · 66 阅读 · 0 评论 -
css绝对定位小知识
当我们再网页中实现绝对定位的时候要注意: 实现定位可以使用position:absolute;然后通过top,left,righy,bottom去实现定位,前提条件下是父级元素是必须加上绝对定位的属性position:absolute;这样才不会脱离父类,如果父类没有加上绝对定位的话就会去找html总体页面的top,left,right,bottom这样肯定不是我们希望...原创 2019-12-22 07:48:02 · 69 阅读 · 0 评论 -
css如何让块级元素居中
大家都会有一个疑问,为什么文字能够上下左右居中,而块级元素和行内元素不能够直接垂直居中? 我们要想将一个文字居中,那么就必须再它的父级元素中去使用text-align:center这个属性就是可以居中,但是没有办法垂直居中,那么这就是一个问题! 其实很简单的一个原理,只要大家记住了就行了,什么原理呢? 当前的这个元素必须是行内块元素,如果不是那么就是不行的!注意...原创 2019-12-21 19:04:45 · 169 阅读 · 0 评论 -
css导航如放置两个值
如何在一个导航条中放入两个值,什么意思呢?就是我们平常看到的导航条上都有一个值,当我们鼠标移动到哪个值的时候,可以变成预先设置好的另外一个值,这个该怎么做到呢!我在这里讲讲我们思路,当我们制作导航条的时候,先将两个值的内容写在一起,就是说虽然在同一个元素下,但是他们还是分开的写的,写好之后我们就能看到这两个值是同时显示的,但是我们要怎么做到才能一开始就显示一个值呢?这里就可以用选择器...原创 2019-12-21 11:22:03 · 97 阅读 · 0 评论 -
CSS导航条的感想
当行内元素浮动的时候本身的行内元素就变成了行内块元素。 当我们自己写导航条的时候别着急的上手,我们先观察一下整体的结构,比如,这个效果应该用什么方式做的出来,这个该怎么去写,效果其实就是我们视觉上的欺骗,哈哈,我自己是这样觉的,只要你设计的出来的效果能够达到这个水平,那就很厉害了! 如果我们是利用背景图产生效果的话,那么当我们去截取图片的时候要按照最小原则,怎么算是最小原...原创 2019-12-21 10:21:06 · 305 阅读 · 0 评论 -
css元素之间转换
隐藏标签元素,display:none;只是一个开头 ,后面的和这个属性都有关系! 讲解的是类型之间转换!我们做网页的时候,都是分块级元素,行级元素,行块级元素,但是它们之间是怎么转换的呢?块级元素转换成行内元素和行内块元素display:inline; 将块级元素转化成行能元素,拥有行内元素的所有特点 display:inline-block...原创 2019-12-20 07:18:13 · 191 阅读 · 0 评论 -
html行块元素的总结
什么是块级元素? 可以支持宽和高 互相不受空格的影响 排版的样式从上而下 独占一格 不设置宽的时候,默认的宽度是100%,平铺PC端 一般用于放置其他元素的容器 什么是行级元素? 不支持宽和高 受空格的影响 排版都是从左到右 宽度...原创 2019-12-20 06:42:15 · 61 阅读 · 0 评论 -
css行高的知识
当我们设置行高之后又去设置内边距,会不会发现距离远了点,这是个什么问题呢?其实这个就是因为行高的原因造成的,当我们设置内边距的时候就会将行高的距离加进去,所以会导致比自己量的还要远一点,我们现在就是要解决这个,我们可以利用行高的高度减去字体的大小再除以2,就能算出准确的内边距所需要的宽度! 我们怎么去量行高呢?就是重一个子的顶部到下一个子的顶部之间的距离就可以算成是行高!...原创 2019-12-18 07:26:44 · 113 阅读 · 0 评论 -
CSS中的溢出元素
溢出元素就是将超过的内部隐藏起来,其默认属性是overflow:hidden,有几个属性都是可以用的,对文本的操作都可以用,比如加滚动条Scroll,这个是强制添加滚动条,而auto这个属性是,如果超出了文本的内容就添加,没有超过就不会帮你添加滚动条,效果比较好! 单单靠溢出元素处理还不行,有一种它就是对你的文本样式处理,你文本的格式是怎么写的,它就怎么帮你写出来,就需要用到wh...原创 2019-12-18 06:58:12 · 146 阅读 · 0 评论 -
Css导航栏
分享一下自己做的导航栏,抽象一项就是先由一个大的div将不设置宽度将屏幕铺满,只设置高度,再大的div中去设置中等的div主要摆在屏幕的正中间,之后就要写文字,我就用了无序列表,将有序列表放入到中等div中,再去设置无序列表的框和高,以及颜色,一般情况下这些无序列表的宽和高不能和中等的div相同,有可能会小一点,可以自己设置,然后根据自己的方式设置颜色之类的,也可以在a标签加入伪类选择器ho...原创 2019-12-16 06:43:27 · 106 阅读 · 0 评论 -
线程的安全
线程中的安全就是怕多个线程同时运行这些数据,会造成数据的错乱,所以会出现线程的安全,所以我们要想在操作这些数据的时候需要用到线程的安全关键之,cynchronized同步块,在这个方法中有需要写入任意的对象就可以了,然后将公共的数据放入这个代码块中就可以了,这个同步块可以用在方法中,任何添加了这个块的都会一锁,只是锁不相同,平常的方法中添加锁的话可以自己定义一个对象,也可以...原创 2019-12-15 18:00:14 · 74 阅读 · 0 评论 -
网页的一些样式
自己做了一个类似搜索框的,是由一个文本框和一个按钮组成的,在网页的右边,利用浮动的技术让它排在网友的右边,因为文本框本身自带的一些边框,颜色,所以我们做这个搜索框是不要这些颜色,只要一个平面的文本和按钮,使得达到我们想要的效果,默认点击文本框的时候会有一个颜色,要取消这个颜色可以将outLine设置为None就行。 我现在明白了,做网页准备的工作就是将所有需要用到的元素先...原创 2019-12-15 10:37:29 · 81 阅读 · 0 评论 -
网页背景图片定位技术
这个技术运用的相当的广泛,是可以优化网站的,使得网站加载的速度快,这个技术其实不难,可以配合ps来使用,我就先说一下这个步骤! 1,找到雪碧图(精灵图),将你要的图片用ps工具量出这张图片的宽和高,然后再设置网页元素的宽和高 2,再用ps工具里面的标尺来定位这张图片的左上角位置,然后从这张大图片的左上角一直量到我们需要的那张图片的左上角,最后我们回到制作网页中...原创 2019-12-14 09:36:55 · 237 阅读 · 0 评论 -
网页中的盒子模型
盒子模型就是在制作网页中用的较多的一种布局,里面又几个属性需要注意一下,我只说相关的知识点,margin外边距不会与同级元素的值重叠,什么意思呢?就是两个元素的外边距的值不能累加在一起! 还有一个内边距,当一个子元素被父元素包含,如果子元素想要拥有外边距那就又两种方法可以实现,因为如果是默认的状态下的时候,子元素设置了外边距就会将父元素也设置,这样就看不出效...原创 2019-12-14 08:03:13 · 204 阅读 · 0 评论 -
网页css层叠样式的高级知识点
分享一下我自己对浮动和盒子模型的一点基础的理解。 盒子模型:这个东西抽象一点可以看作一个快递盒,里面放了一样易碎品,快递员考虑到里面装的是易碎品的时候,我们就会里面放慢泡沫,防止发生各类快递件的碰撞,有几种常见的属性,外边距,就是这个快递盒子和其他的快递盒子之间的距离,内边距,就是易碎品和泡沫之间的距离,如果我们在实际的网页制作,想将文件的距离拉开,可以使用内边距(Paddi...原创 2019-12-13 07:40:57 · 144 阅读 · 0 评论 -
自己做简单网页表单
开头说一句,任何东西都需要从简单的入手。 做网页也是同样的道理,这个是有套路写代码,写网页,刚学习的时候,不仅要看代码,还得自己去写代码,我刚看完怎么写网页,看完别人怎么敲得代码,我自己也重复着写,刚刚自己根据视频上的内容做了一个表格,是用网页去做的,虽然我也是个刚开始学,但是我就按照基础的路数去做,即使不怎么样,只要你是自己写,自己想的代码,...原创 2019-12-09 08:17:55 · 252 阅读 · 0 评论