【HTML+CSS】

【CSS】CSS+HTML‘VS’CSS+XML

今天先不说JavaScript，那么就是静态页面的实现，html+css。实现上面的效果是很容易的。就像下面这样：那么你知道xml+css也是可以写网页的吗？在学到css课程之前，我从来没有这么想过。
u013028876·2016-05-30 23:00

【css】选择器+盒子模型

做牛腩的时候曾接触过css，有一篇博客总结如下：【牛腩】HTML+CSS基础了解【如何引入css】曾写了一篇文章：【JavaScript】什么是JavaScript？
u013028876·2016-05-29 21:00

html+css上传文件控件美化

html+css美化上传文件控件上传文件label{display:inline-block;width:160px;height:40px;line-height:40px;text-align:center
echo008·2016-05-16 15:16

javascript实例教程：事件委托讲解

在学校的时候简单学过HTML+CSS，现在重新拾起web前端开发，目前正学习javascript语言，就记录一下自己学习web前端（http://www.maiziedu.com/course/web/
qq_32506555·2016-05-12 23:00

Html+CSS CSS中的选择器

也许你已经学会了CSS的三个简单常用的选择器：#ID，.class，标签选择器，可是这些就足够了吗？随着CSS3的到来，作为前端开发者需要掌握下面三十个基本的选择器，这样才可以在平时开发中得心用手。本文中将综合前端开发中常用的30个CSS3选择器，并且附带了浏览器的支持情况，希望对大家有所帮助。参考文章地址：http://net.tutsplus.com/tutorials/html-css-te
u010003835·2016-05-10 21:00

HTML+CSS基础课程/1-4单学习记录

HTML+CSS基础课程第1章Html介绍1.2Html和css的关系 1.HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 
u013493370·2016-04-26 14:00

上下DIV固定,中间DIV自适应的HTML+CSS实现

项目快结了，所以就做一下总结，以便以后复习。项目主页的左侧菜单部分，界面要求就是上方为项目logo以及显示用户，下方需要显示版权，中间部分就是显示菜单选项。废话不多说，直接上代码。HTML:CSS:.header{position:absolute;top:0px;height:268px;/*高度可以不写，可以通过内部元素撑开，但是需要考虑是否会与自适应部分发生重合*/width:182px;/
Y_mmmmmmm·2016-04-24 15:03

Html+CSS CSS display属性 属性值block,inline,inline-block

最近博主在看《CSS权威指南(第三版)》。这是一本不错的书，兼容性比较好，不过不适合纯新手。display有很多的属性值，我就不一一介绍了，常见的属性值为inline, block, inline-block.这有一篇博文写的很不错，博主就借鉴下了，也作为自己的一个总结。原址：http://www.cnblogs.com/KeithWang/p/3139517.html总体概念block和inli
u010003835·2016-04-21 15:00

Html+CSS 替换元素与不可替换元素 块内元素与内联元素

元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例如和就不同，而和也不一样。在文档类型定义（DTD）中对不同的元素规定了不同的类型，这也是DTD对文档之所以重要的原因之一。1.替换和不可替换元素从元素本身的特点来讲，可以分为替换和不可替换元素。a)替换元素替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显
u010003835·2016-04-21 10:00

HTML+CSS基础

1.斜体强调，便于让搜索引擎搜到1.和标签是为了强调一段话中的关键字时使用，它们的语义是强调。2.标签是没有语义的，它的作用就是为了设置单独的样式用的。3.（短文本引用）标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。4.标签，长文本引用5.:回车换行6. -->空格显示 &--> & 、<-->     
lxz26192·2016-04-18 22:00

html+css报纸排版中的那些事

由于html标签太多，很多不一定会用到，因而容易忘记。但是也有很多在有特定功能的网页布局中用得比较频繁，就拿之前写的一个报纸排版来说吧，有些标签需要经常用到，所以我把它们做了一个总结。下面，我们一起来看看在报纸排版中比较常用的几个标签和一些效果实现。（1）background-size：设置背景图片的大小          报纸排版中的背景图必不可少，而这个标签的作用就是设置背景图片的大小，以长度
xiaoxixi_blog·2016-04-08 17:00

Html+CSS 文本的强制换行

作为一个成长的菜鸟，总是不断遇到各种问题，今天博主遇到了一个问题。对于一般的div自要设置了width;如果容器里面的文字过多，则文章就会自动换行，但是如果输入连续的英文字符，则设置的width不会生效，容器会被撑开。如博主去查了些资料，找到了原因：一般div超过宽度能换行，原因如下：对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,
高达一号·2016-04-01 15:07

Html+CSS 文本的强制换行

作为一个成长的菜鸟，总是不断遇到各种问题，今天博主遇到了一个问题。对于一般的div自要设置了width;如果容器里面的文字过多，则文章就会自动换行，但是如果输入连续的英文字符，则设置的width不会生效，容器会被撑开。如博主去查了些资料，找到了原因：一般div超过宽度能换行，原因如下：对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,
u010003835·2016-04-01 15:00

Html+CSS 多列等高布局 padding补偿法 《精通CSS高级WEB标准解决方案》读书笔记

今天博主看了一种多列等高布局的方法，分享给大家。主要思想：原理：这种技术的关键是给每个框设置大的底内边距，然后用数值相似的负外边距消除这个高度。这会导致每个列溢出容器元素。如果把容器的overflow属性设置为hidden,列就在最高点被裁切。知识背景:1.background会填充内边距padding，而不会填充外边距margin。2.通过overflow:hidden;根据元素最底的高度进行截
u010003835·2016-03-31 23:00

Html+CSS input type=file 文件类型限制属性 accept (HTML 5)

网页上添加一个inputfileHTML控件：1默认是这样的，所有文件类型都会显示出来，如果想限制它只显示我们设定的文件类型呢，比如“word“,”excel“,”pdf“文件解决办法是可以给它添加一个accept属性，比如：文件标签美化： http://blog.csdn.net/u010003835/article/details/51013916完整的文件上传按钮（含文件标签美化，自定义上传
u010003835·2016-03-31 12:00

Html+CSS input type=file 文件标签的美化

2016-3-30（HTML5）在页面上进行上传文件，大家都会用到进行文件的上传，但是这么样会出现一个问题，如最简单的文字定制。不能通过value设置值。这时候我们我们就遇到了上传按钮优化的问题。主要思路，给出一个文本输入框和按钮两个按钮，分别完成原来的文字显示（按钮）与上传文件路径的显示（文本输入框的功能）。以下给出两种方式，方式一：一种通过将js写入到HTML属性中方式二：将js写成javas
u010003835·2016-03-30 14:00

html+css 小点

疑问点：  标签中href="javascript:;"表示什么意思？？ 百度知道.....解释:  javascript: 是一个伪协议，其他的伪协议还有mail: tel: file: 等等。1修改密码javascript:是表示在触发默认动作时，执行一段JavaScript代码，而 javascript:;表示什么都不执行，这样点击时就没有任何反应。 一般在这种情况下，会给绑定一个事件回调，
宇宙歆儿·2016-03-29 11:00

Html+css、javascript和JQuery三种方法实现导航条下拉菜单的炫酷效果

1.利用Html5+css实现的下拉菜单炫酷效果*{margin:0;padding:0;}#nav{background-color:#EEEEEE;height:40px;width:600px;margin:auto;text-align:center;}ul{list-style:none;}ulli{position:relative;float:left;line-height:40p
秋柯·2016-03-28 23:24

ZYThumbnailTableView类似于小型阅读器

 原文地址：http://zyden.vicp.cc/zythumbnailtableview/ 欢迎转载，请注明出处，谢谢 可展开型预览TableView，开放接口，完全自由定制虽然最近很忙，天天被html
hbblzjy·2016-03-28 21:00

Html+CSS CSS选择器优先级

选择器优先级 1.id选择器（#myid）2.类选择器（.myclassname）3.标签选择器（div,h1,p）4.相邻选择器（h1+p）5.子选择器（ul<li）6.后代选择器（lia）7.通配符选择器（*）8.属性选择器（a[rel="external"]）9.伪类选择器（a:hover,li:nth-child）
u010003835·2016-03-26 23:00

ZYThumbnailTableView---堪比一个小型阅读App

http://zyden.vicp.cc/zythumbnailtableview/欢迎转载，请注明出处，谢谢后期会更新oc版本可展开型预览TableView，开放接口，完全自由定制虽然最近很忙，天天被html
Poppin_Category·2016-03-25 23:00

《HTML+CSS基础课程》学习笔记十

一CSS代码缩写，占用更少的带宽1.盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下：margin:10px15px12px14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:如
Lovejulyer·2016-03-25 19:00

头部和底部固定，中间内容可滚动

html+css的代码的展示     上下固定，中间内容可以滚动 html,body,.page{width:100%;height:100%;overflow
tyutjavalily·2016-03-25 17:00

《HTML+CSS基础课程》学习笔记九

课程地址：《HTML+CSS基础课程》本文为慕课网课程《HTML+CSS基础课程》学习笔记css布局模型布局模型与盒模型一样都是CSS最基本、最核心的概念。
Lovejulyer·2016-03-25 17:00

《HTML+CSS基础课程》学习笔记八

课程地址：《HTML+CSS基础课程》本文为慕课网课程《HTML+CSS基础课程》学习笔记盒子模型1.元素分类在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)
Lovejulyer·2016-03-25 16:00

《HTML+CSS基础课程》学习笔记七

课程地址：《HTML+CSS基础课程》本文为慕课网课程《HTML+CSS基础课程》学习笔记CSS格式化排版字体body{font-family:"字体";}这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体
Lovejulyer·2016-03-25 15:00

《HTML+CSS基础课程》学习笔记六

课程地址：《HTML+CSS基础课程》本文为慕课网课程《HTML+CSS基础课程》学习笔记1.继承CSS的某些样式是具有继承性的。
Lovejulyer·2016-03-25 15:00

《HTML+CSS基础课程》学习笔记五

课程地址：《HTML+CSS基础课程》本文为慕课网课程《HTML+CSS基础课程》学习笔记选择器每一条css样式声明（定义）由两部分组成，形式如下：选择器{ 样式; } 在{}之前的部分就是“选择器”，
Lovejulyer·2016-03-25 06:00

《HTML+CSS基础课程》学习笔记四

课程地址：《HTML+CSS基础课程》本文为慕课网课程《HTML+CSS基础课程》学习笔记1.CSS，为网页添加样式CSS全称为“**层叠样式表(CascadingStyleSheets)”**，它主要是用于定义
Lovejulyer·2016-03-25 05:00

前端日常2016/03/23

入门阶段写html5学习博客两篇：《HTML+CSS基础课程》学习笔记；继续研究《JavaScript进阶篇》（学习进度83%）；《Java入门第一季》学习进度（6%）；不懂得只会越来越多，而技术却要不断实践
Lovejulyer·2016-03-24 01:00

Html+CSS 疑难杂症一 Chrome记住密码后黄色背景 的解决方法

chrome 表单自动填充后，input文本框的背景会变成黄色的，通过审查元素可以看到这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式：input : -webkit-autofill {background-color : #FAFFBD ;background-image : none ;color : #000
u010003835·2016-03-23 14:00

《HTML+CSS基础课程》学习笔记三

课程地址：《HTML+CSS基础课程》本文为慕课网课程《HTML+CSS基础课程》学习笔记1.使用表单标签，与用户交互HTML表单(form)是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据
Lovejulyer·2016-03-23 13:00

《HTML+CSS基础课程》学习笔记二

课程地址：《HTML+CSS基础课程》本文为慕课网课程《HTML+CSS基础课程》学习笔记第二章：标签之语义化一、语义化，让你的网页更好的被搜索引擎理解两个关键：标签的用途、标签在浏览器中的默认样式。
Lovejulyer·2016-03-23 02:00

Html+CSS hack技术介绍 以及常用hack

 一、什么是CSSHack？不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSSHack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS代码的过程，就叫CSSHack。CSSHack常见的有三种形式：CSS属性Hack、CSS选择符Hack以及IE条件注释Hack，Hack主要针对IE浏览器。1、属性级Hack：比如IE6能识别下划线”
u010003835·2016-03-22 20:00

《HTML+CSS基础课程》学习笔记一

课程地址：《HTML+CSS基础课程》本文为慕课网课程《HTML+CSS基础课程》学习笔记第一章：Html简介1.Html、CSS和Javascript的关系  1.HTML是网页内容的载体。
Lovejulyer·2016-03-22 20:00

Html+CSS CSS(CSS3) 3种清除浮动的方法

应用DivCSS网页布局，经常性地会使用到float，很多邪门的事儿都有可能是浮动在作怪，清除浮动是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。下面看今天的教程，此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。LeftRight一、使用空标签清除浮动我用了很久的一种方法，空标签可以是div标签，也可以是P标签。我习惯用，够简短，也有很多人用，只是
u010003835·2016-03-22 16:00

Html+CSS CSS浮动

首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图：可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。注意，以上这些理论，是指标准流中的div。无论多么复杂的布局，其基本出发点均是：“如何在一行显示多个div元素”。显然标准流已经无法满足需求，这就要用到浮动。 浮动可以理解为让某个
u010003835·2016-03-22 16:00

前端日常2016/03/22

入门阶段《JavaScript进阶篇》完结；《CSS深入理解之relative》学习；《使用CSDNMarkDown编辑器写博客》学习；写html5学习博客一篇：《HTML+CSS基础课程》学习笔记一；
Lovejulyer·2016-03-22 09:00

小白的边学边写，一个基于laravel的APP接口【API】（三）

HTML+css已经是最基本的技能了，那么接下来，就来点题外内容，让我们去研究一下JavaScript吧。首先先说明用js要做什么事情，对，就是完善注册页面的验证功能。
lwx12525·2016-03-22 00:00

No.5小白的HTML+CSS心得篇

在No.4中谈及了下盒子模型，引出布局模型1、布局模型有三类：                1）流动模型 flow（默认）                2）浮动模型 float                3）层模型 layer 2、文档流：指的是文本沿着从左到右的方向展开，就像流的形式  脱离文档流指的是一个元素脱离文档流之后，其他元素在定位的时候会当作没发现它，两者的位置重叠都是可以的 
沙皮狗de爱·2016-03-21 23:00

Html+CSS transform属性中的 translate属性值

上一篇讲了rotate，这一次我们再细讲一下translate 下面我们从3个方面开始介绍： 1、translate(x,y)  水平方向和垂直方向同时移动，  取值x表示x轴过渡值 取值y表示y轴过渡值 ----如果没有赋值，默认是0 默认以元素的中心点为基点，可以通过transform-origin进行基点的设置 x,y如果为负就反方向移动Css代码  translate(100px,200p
u010003835·2016-03-21 17:00

Html+CSS transform属性中的 rotate 属性值

1、语法：   transform:none| []*  2、取值： none                 ----不进行变化    ----一个或多个变换函数，以空格分开可以用于内联元素和块级元素，可以实现旋转、缩放、移动等等效果。具体如下：rotate---旋转Java代码  /*   rotate()   通过指定的角度对元素指定一个2D旋转   需要先有一个transform-orig
u010003835·2016-03-21 17:00

HTML+CSS布局

 HTMLCSS+DIV实现整体布局 HTML（2） HTMLCSS+DIV实现整体布局1、技术目标：开发符合W3C标准的Web页面理解盒子模型实现DIV+CSS整体布局2、什么是W3C标准？   W3C：WorldWideWebConsortium，万维网联盟   W3C的职能：负责制定和维护Web行业标准   W3C标准包括一系列的标准：HTML内容方面：XHTML样式美化方面：CSS 结构文
王元元·2016-03-21 16:00

Html+CSS CSS3 Keyframe+Animation属性 CSS动画

CSS3属性中有关于制作动画的三个属性：Transform,Transition,Animation；我们一起学习完了Transform和Transition，让我们对元素实现了一些基本的动画效果，这些我想足以让大家激动了一阵子，今天我们趁着这个热劲继续第三个动画属性Animation的学习，单从Animation字面上的意思，我们就知道是“动画”的意思。但CSS3中的Animation与HTML
u010003835·2016-03-21 16:00

Html+CSS CSS3中 transitions属性详解

 W3C标准中对CSS3的transition这是样描述的:“CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。”下面我们从最简单的语法和属性值开始一步一步来学习transition的具体使用：语法： 123transition：[||||||[,[||||||]]* t
u010003835·2016-03-21 15:00

Html+Css CSS3_transform属性中的_scale属性值

上一篇讲了translate，这一次我们再细讲一下scale. 下面我们从3个方面开始介绍： 1、scale(x,y) 对元素进行缩放 X表示水平方向缩放的倍数|Y表示垂直方向的缩放倍数Y是一个可选参数，没有设置的话，则表示X，Y两个方向的缩放倍数是一样的。并以X为准。Css代码  transform:scale(2,2.5);   2、scaleX() 元素只在X轴（水平方向）缩放元素。默认值是
u010003835·2016-03-21 10:00

No.4小白的HTML+CSS心得篇

 书读百遍，其义自见遵照这句话今天再次重新把慕课网的ＨＴＭＬ＋ＣＳＳ看了一遍，再次阅读感受不再是那么陌生，从而心里默默地喜欢上了这种方式，坚持。好了，开始今天的收获小总结1、html中，表单1)一旦说到交互问题，就是要用的标签实现，比如单选，多选，输入密码，输入文本框等                 要实现的各个交互功能的标签          2)谈谈form表单中的label标签，当鼠标点击
沙皮狗de爱·2016-03-20 21:00

No.3小白的HTML+CSS心得篇

 A--看的东西多了总会出现好多模糊不清的又长的很像的的词语今天对此进行区别分析下 1.align与text-align的区别  align在W3Cschool中是这样解释的 ----align属性规定表格相对于周围元素的对齐方式。 通常来说，HTML表格的前后都会出现折行。通过运用align属性，可实现其他        HTML元素围绕表格的效果。  text-align 在CSS2.0中是这
沙皮狗de爱·2016-03-19 22:00

No.2小白的HTML+CSS心得篇

今天要强调的重点是分析把握好HTML标签的两个方面：   1.标签的用途（用途指的是用来干什么，有什么作用）在专业术语叫作语义化。     举个列子：换行的作用见了它就明白它的语义就是要换行了   2.标签在浏览器中的默认样式这两点慢慢积累总结。对刚做的task1—1任务进行分析总结  1、 适用于区分段落的错误是将逻辑分块了这里应该用标签进行模块划分以及嵌套问题      一个网页实际就是各个模
沙皮狗de爱·2016-03-19 00:00

No.1小白的HTML+CSS心得篇

  一个web前端的小白，听前辈说写好笔记很关键，so特此用博客来开始记录自己的旅程——Web之路   最近几天看的HTML  1、纠正一个认知错误“HTML是一种编程语言” ————（错） HTML（全名：HypeTextMark-upLanguage）超文本标记语言，它是一种描述性标记语言，就好比人们常用S，M，L来标记人的衣服大小尺寸，作为一个标记很明显地就说明了问题。2、无规矩不成方圆，H
沙皮狗de爱·2016-03-18 00:00
上一页 54 55 56 57 58 59 60 61 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他