
Web前端——html+css
文章平均质量分 61
pdsu_zhao
生命的意义在于奋斗不止!!
奋斗吧,少年!
展开
-
css样式大全
css样式大全(整理版)字体属性:(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位:PX、PD、转载 2015-11-05 21:02:01 · 488 阅读 · 1 评论 -
对div+css复习巩固 —心得(简单的用户登录界面)
1.起初用最简单的div+css对于界面的排版以及调色显得有点呆板,很low,太传统与常规化,简单的对齐与字体居中,界面太缺乏创意与艺术色彩。2.寒假学习了bootstrap基本的视频来学校最近一两个月把html5最基本的看完了。明白了bootstrap为最常规的响应式布局,适应于不同的设备以及浏览器兼容性的问题,使得界面显得更加的美观,在css的使用中也显得得心应手。原创 2016-04-18 21:31:00 · 1974 阅读 · 0 评论 -
web前端开发项目中可能遇到的细节性问题(1)【position,padding+margin】
1.区别a和b——a.position:absolute; b.position:relative;——position:absolute;表示绝对定位,(1)其一般要设置高度跟居左的像素,即top/left,(2)其一般是相对于浏览器而言的;——position:relative;表示相对定位,(2)其一般相对应于上一个容器div而言;(3)需要设置容器间的间距原创 2016-05-26 21:01:00 · 2414 阅读 · 2 评论 -
登陆界面一个简约的模板及问题注意事项
1.在写一个简约的界面时,body主题概况背景颜色设置为两种,即:“白色—#fff 或 灰色—#ccc”;background-color:#fff; || background-color:#ccc;2. 标记 定义一个区域 标记定义一个文章(转载摘要):section元素表示文档或应用的一个部分。所谓“部分”,这里是指按照主题分组的内容区域,通常会带有标题原创 2016-04-19 12:11:03 · 789 阅读 · 0 评论 -
20 个常用的 CSS 技巧
Sandy 推荐: 高级工程师 @ 游戏开发下面这几个CSS技巧你可能不知道,1.彩色照片变黑白,2.所有元素垂直居中,3.禁用鼠标,4.模糊文字,小编学完能量满满的,觉得对CSS又充满了爱,你也来看看。原文链接:http://caibaojian.com/useful-css-tips.html1. 黑白图像这段代码会让你的彩色照片显示为黑白照片,是不是很转载 2016-06-01 17:18:45 · 705 阅读 · 0 评论 -
内联元素和块元素的区别及转换
1.内联元素和块元素 内联元素:p、 div、 h1~h6 块元素:span、a 区别:内联元素占空间全部宽度,自动换行; 块元素必须首先设置其相应的宽度,不会自动换行。2.两者的相互转换 a.diaplay:inline; 内联元素转化为块元素,即将p元素设置占同一行,中间不显示换行。 代码如下:原创 2016-08-24 16:46:40 · 2186 阅读 · 3 评论 -
css复习中常见的问题
1.如果想让图片位于文字之后显示,即文字占前边, 如下代码所示: 保护动物,人人有责! img{ width:100px;height:100px; z-index:-1; } 注意:由于在上述例子img标签元素设置了z-index属性,即显示元素相对应的优原创 2016-08-24 20:47:02 · 432 阅读 · 0 评论 -
html项目开发过程中遇到的问题(1)
1、hgroup标签该标签主要针对各个标题进行组合,多用在header导航栏标题中2、section标签该标签定义页眉页脚,或页面中的其他部分,通常与标签article连用3、clearfix与.clear:after(1)clearfix该属性用于清除浮动,其后有伪类after.clearfix::after{content:"";clear:both;dis原创 2016-10-16 20:14:50 · 1053 阅读 · 0 评论 -
CSS Selectors Level 4新特性全面解析
前言当看到 CSS Selectors Level 4 很多人会理所当然地喊出 CSS4。但是,这里必须明确一个概念,目前所谓的 CSS3 和 CSS4 都是 CSS2.1 以后对某一些 CSS 模块进行升级更新后的称呼。CSS3 和 CSS4 永远都不会出现,它们只是为了区分 CSS 模块升级后的等级,例如有些 CSS 选择器在之前就存在了,但是此时我们为它添加了新的特性,那么这个模转载 2016-12-07 16:11:56 · 1863 阅读 · 0 评论 -
Web前端——CSS复习(3.27-3.31)
1、渐变(1)什么是渐变?“渐变”指的是两种或多种颜色之间的平滑过渡。aa——渐变可指定多个中间颜色值(色标);bb——渐变可以用在任何适用背景图片的地方:线性渐变、径向渐变、重复渐变。(2)渐变语法在CSS3中使用background-image属性进行设置取值为:linear-gradient(线性渐变)、radial-gradient(径变渐变)rep原创 2017-03-31 18:20:27 · 516 阅读 · 0 评论 -
Web前端——HTML复习(3.22--3.24)
HTML(HyperText Markup Language),是一门超文本标记语言,是一种纯文本类型的语言。 (1)meta,是一种单标记标签,必须以“/”结束,它表示的是元数据标记,不仅可以定义数据类型,也可以定义字符集(字符编码)charset,如“”;此外,name值也可以为"description"描述,也可以为"author"作者。 (2)utf-8与gb2312区别是原创 2017-03-23 19:28:20 · 485 阅读 · 0 评论 -
Web前端——CSS复习1(3.25)
1、什么是CSS? CSS是层叠样式表,又称级联样式表,简称样式表。 作用:CSS实现了html文档中元素的样式定义,(1)实现了将内容与表现的分离;(2)提高了地代码的可重用性和可维护性。2、CSS与HTML之间的关系首先,HTML用于构建网页的结构,CSS用于创建HTML元素的样式;其次,HTML是页面的内容组成,CSS是页面的表现。上述解决了“结构与原创 2017-03-25 21:26:08 · 544 阅读 · 0 评论 -
Web前端——Javascript学习(API)
1、API:应用程序编程接口这是实现的,现成的对象和方法。——提高开发效率2、数组API(1)arr to Stringvar str=arr.toString()var str=arr.join("连接符")——自定义连接符固定套路——1.将字符拼接为单词:arr.join("") 2.将单词拼接成句子:arr.join(" ")问题——频繁字符串拼原创 2017-04-24 19:43:20 · 1192 阅读 · 0 评论 -
Web前端复习——JavaScript复习(函数声明调用+匿名函数+闭包)
1、Function对象(1)js中一切都是对象(2)函数名其实是引用函数定义对象的变量(3)连function函数也是一个对象2、arguments对象(1)重载概念:程序中可定义多个相同函数名,不同参数列表的函数注意——a.调用者不用区分每个函数的参数b.执行时,程序根据传参参数的个数,四栋判断自动判断哪个函数执行但是,js语法中没有“重原创 2017-05-05 22:49:27 · 592 阅读 · 0 评论 -
web前端细节性问题(面试时可能遇到的问题)——div+css(1)
1.宽度和高度:width:200px; height:200px;2.边框border 设置border像素,虚线/实线,颜色 border-radius:8px; //表示边框的圆角弧度;3.内填充padding (面试可能出现的问题)分为四个方向:top right bottom left(上/右/下/左)padding:10px;原创 2016-05-12 20:33:07 · 1044 阅读 · 0 评论 -
web前端细节性问题(面试时可能遇到的问题)——div+css(2)
1.position定位属性四个定位方法,如下:a.绝对定位absolute h2{ top:100px; left:50px; position:absolute;} b.相对定位 relative .h2-pos-right{left:-20px; position:relative; //相对正常范围的向右移动;原创 2016-05-25 20:00:02 · 756 阅读 · 0 评论 -
html5格式化及使用
1.插入2.删除(有划线)3.小字符向下4.小字符向上5.加粗6.字号变大7.字号变小9.表换行10.着重文字11.字体倾斜12.表段落(若其后继续写文字,自动换行)原创 2015-11-05 18:24:13 · 968 阅读 · 1 评论 -
常用表单标签
form 表单对象input 输入域textarea 文本域label 标签fieldset 定义域legend 域的标题select 选择列表option 下拉列表选项outgroup 选项组button 按钮原创 2015-11-08 17:10:28 · 577 阅读 · 0 评论 -
html5中关于音频--视频的播放
关于音频的播放:1,.使用audio标签,您的播放器支持;2,自定义播放,即自定义按钮终止+继续; 代码显示如下:播放/暂停id="myaudio" src="1.MP3">您的浏览器不支持var a=document.getElementById("myaudio"); //得到id必须先指明id;function clickA(){if(a.原创 2015-11-10 19:44:52 · 895 阅读 · 0 评论 -
Web前端开发学习3:SEO代码优化
Web前端开发学习3:SEO代码优化转载 2015-11-19 16:45:38 · 921 阅读 · 0 评论 -
Web前端面试资源
前端面试资源9 小时前 • Web前端 • 暂无评论继上一篇 关于程序员求职简历 之后如果顺利的话就应该是面试了,在此也整理一下最近在网上收集的前端面试相关资料,包括预备知识、书籍、面试考点、面经等。前端方面资料其实太多太多,就光从知乎、前端乱炖、w3cplus 等网站就能找到很多,所以针对细节不发散,仅挑一些内容丰富的合集,更多的资料可以从其中找到。1. 前转载 2016-03-03 19:32:32 · 1510 阅读 · 0 评论 -
CSS设置网页在Safari快速滚动和温柔的回弹
要实现这个效果很简单,只需要加一行css代码即可:-webkit-overflow-scrolling : touch;可用以下网页测试:html> head> meta charset="utf-8" /> title>scrolltitle> style type="text/css">转载 2016-03-31 18:08:23 · 1973 阅读 · 0 评论 -
对html-css基础知识的复习———慕课网npu
1.em和strong共同点:都可以对已知文本进行强调;不同点:em强调的大多为短文本,且程度轻;strong强调的程度较为强烈。2.和区别表示的为换行,即空格;表示的在页面中增加一条水平线。3.原创 2016-03-08 20:55:24 · 451 阅读 · 0 评论 -
对css加强与巩固——day2
1.html-css javascript php在...中,应写成:p span{...}2.html-css javascript应写成:#pid span{...}3.html-css javascript若p,span二者所要显示的css某些元素相同,即应写成:p,span{...}4.文字排版过程中,应写成:body{font-family原创 2016-03-09 20:00:47 · 407 阅读 · 0 评论 -
程序员怎样才能写出一篇好的博客或者技术文章
文章来源于 @justjavac在知乎上的邀请,要写在知乎上的回答。因为有原创,所以先首发,免得被伪原创。每天有大把的时间刷GitHub,写博客。从我大二的时候,大概六年前开始写技术博客,到现在已经有540+了,大概每年会写一百篇左右。这个答案由四部分组成:博客的流量来源不同文章类型的写作要点如何写博客如何收集写作的灵感流量来源首先,我将技术博客分为下面几种类型:转载 2016-03-23 18:21:51 · 845 阅读 · 0 评论 -
程序猿关注的微信公众号和网站
36氪:wow36kr功能介绍:36氪(36Kr.com)是中国领先的科技新媒体,我们报道最新的互联网科技新闻以及最有潜力的互联网创业企业。账号主体:北京协力筑成传媒科技有限公司。商标保护:氪 36。硅发布:guifabucom功能介绍:这是硅发布网站的官方微信账号,我们在硅谷。来自新浪微博认证资料:硅发布中文网,官方微博 @硅发布中文网。虎嗅网:huxiu_com转载 2016-03-13 18:59:46 · 4749 阅读 · 0 评论 -
HTML中四种选择器
1.类选择器class:“.class”2. id 选择器:“#id”3.派生选择器:“p strong”4.属性选择器:“[title] / [title=te]”代码如下:选择器的选择派生选择器Hello 派生选择器!id选择器id-#Hello ID选择器!class类选择器Hello cla原创 2016-03-13 19:53:50 · 19281 阅读 · 0 评论 -
css基本语法
1.background——background-image:url(image.jpg); background-color:#ccf; background-position:center; background-repeat:no-repeat;2.文本p,span——text-align:left/center/right; text-inde原创 2016-03-13 21:18:54 · 410 阅读 · 0 评论 -
CSS3阴影 box-shadow的使用和技巧总结
1.text-shadow是给文本添加阴影效果,2.box-shadow是给元素块添加周边阴影效果。 随着html5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器 {box-shadow:[投影方式] X轴偏移量转载 2016-05-25 18:03:31 · 1044 阅读 · 0 评论 -
扎心的前端开发
喂喂喂,那个切图的,把页面写好就发给研发工程师套模板吧。你好,切图仔。不知道你的团队如何定义前端开发,据我所知,时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位,虽然身份之争多少有些无谓,但我对这种偏见还是心存芥蒂,酝酿了许久,决定写一个系列的文章,试着从工程的角度系统的介绍一下我对前端,尤其是Web前端的理解。只要我们还把自己的工作看作为一项软件开发活动,那么我相信读过下面的内容你也一定...转载 2018-04-05 18:43:14 · 381 阅读 · 0 评论