HTML+css

HTML+CSS学习笔记（5）- 与浏览者交互，表单标签

HTML+CSS学习笔记（5）-与浏览者交互，表单标签1、使用表单标签，与用户交互网站怎样与用户进行交互？答案是使用HTML表单(form)。
王隆帅·2016-02-29 17:00

HTML+CSS学习笔记(4) - 认识标签（3）

HTML+CSS学习笔记(4)-认识标签（3）1、使用标签，链接到另一个页面使用标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。
王隆帅·2016-02-29 17:00

HTML+CSS学习笔记（3）- 认识标签（2）

HTML+CSS学习笔记（3）-认识标签（2）1、使用ul，添加新闻信息列表在浏览网页时，你会发现网页上有很多信息的列表，如新闻列表、图片列表，这些列表就可以使用ul-li标签来完成。
王隆帅·2016-02-29 17:00

Html+css实现纯文字和带图标的按钮

本文总结一下一些基础页面元素的实现方式，后续陆续更新。首先我们遇到最多的可能是按钮的切图，按钮可能有很多种外观，但是一般可分为纯文字的和带图标的按钮，下面就来说说这两种按钮的实现方法。效果图如下：代码如下：XML/HTMLCode复制内容到剪贴板按钮写法a:hover{text-decoration:none;}.btn{display:inline-block;margin-top:10px;p
佚名·2016-02-24 16:47

【HTML+CSS】教你切图篇3-自定义单选、多选、下拉框的实现

大家都知道，默认的单选、多选、下拉控件样式实在是丑哭了。下面小编介绍两种实现单选、多选、下拉控件的样式。首先来介绍第一种：1.用CSS+HTML实现这种实现方式是简单，获取数据方便，兼容主流浏览器，缺点就是IE8以及以下的浏览器都不兼容，所以要兼容到更低版本的IE浏览器就需要用到第二种方法了。首先先看效果图：代码如下：表单测试/*复选S*//*将input隐藏，设置label标签的背景，替换成ch
励志故事·2016-02-22 17:38

【HTML+CSS】教你切图篇3-自定义单选、多选、下拉框的实现

大家都知道，默认的单选、多选、下拉控件样式实在是丑哭了。下面小编介绍两种实现单选、多选、下拉控件的样式。首先来介绍第一种：1.用CSS+HTML实现这种实现方式是简单，获取数据方便，兼容主流浏览器，缺点就是IE8以及以下的浏览器都不兼容，所以要兼容到更低版本的IE浏览器就需要用到第二种方法了。首先先看效果图：代码如下： 表单测试 /*复选S*/ /*将input隐藏，设置label标签的背
xmt1139057136·2016-02-22 17:00

HTML+CSS学习笔记(2) - 认识标签（1）

HTML+CSS学习笔记(2)-认识标签（1）1、语义化，让你的网页更好的被搜索引擎理解标签的用途：我们学习网页制作时，常常会听到一个词，语义化。
王隆帅·2016-02-20 21:00

HTML+CSS学习笔记(1) - Html介绍

HTML+CSS学习笔记(1)-Html介绍1、代码初体验，制作我的第一个网页 制作我的第一个网页 Helloworld 2、Html和CSS的关系学习web前端开发基础技术需要掌握：HTML
王隆帅·2016-02-20 21:00

前端开发-切图初了解

前端工程师负责切图，从效果图上切出需要的小图，如logo和图标等，并做成HTML+CSS的网站效果。切图工具有很多，这里用Photoshop，版本最好是PhotoshopCS4以上版本。
巨坚强·2016-02-18 22:57

HTML+CSS 实现环形比例图效果

HMTL代码 百分比 .yuan{width:200px;height:200px;margin:0auto;box-sizing:border-box;padding-top:20px;text-align:center;background-color:#f1f1f1;border-radius:50%;position:relative;} .yuan_bl1,.yuan_bl2,.
qq_16494241·2016-02-17 16:00

HTML+CSS代码橙色导航菜单

  效果预览：http://hovertree.com/code/texiao/ks63r6aq.htm 超漂亮的HTML导航菜单CSS代码-何问起 #top{ display:block; text-align:left; height:105px; position:relative; z-index:0; } .m{ margin:0auto; widt
ini·2016-02-16 01:00

HTML+CSS代码橙色导航菜单

效果预览：http://hovertree.com/code/texiao/ks63r6aq.htm1 2 3 4超漂亮的HTML导航菜单CSS代码-何问起 5 6#top{ 7display:block; 8text-align:left; 9height:105px; 10position:relative; 11z-index:0; 12} 13 14.m{ 15
roucheng·2016-02-16 01:00

Html+Css 纯CSS实现的文字提示 （精通CSS高级WEB解决方案）读书笔记

今天看了纯CSS实现的文本段落导航，特此记录一下：实现效果：基本思路：1.将要被提示的部分设置为position:relative;相对于文档流进行偏离。提示的内容设置为position:absolute;脱离文档流进行定位（可以起到遮盖的效果）。初始状态时，display:none;将提示内容隐藏。当鼠标悬浮的时候，利用伪类选择器，将内容显示出来display:block;实现代码：a.tool
高达一号·2016-02-15 12:54

HTML+CSS笔记 CSS笔记集合

HTML+CSS笔记表格,超链接,图片,表单涉及内容:表格,超链接,图片,表单HTML+CSS笔记CSS入门涉及内容:简介,优势,语法说明,代码注释,CSS样式位置,不同样式优先级,选择器,选择符HTML
EchoRep·2016-02-10 10:00

HTML+CSS笔记 CSS中级 一些小技巧

水平居中行内元素的水平居中在实际工作中常会遇到需要设置水平居中场景，今天我们就来看看怎么设置水平居中的如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。语法: 我是文本，哈哈，我想要在父容器中水平居中显示。 div.txtCenter{ text-align:center; }
EchoRep·2016-02-10 10:00

HTML+CSS笔记 CSS中级 颜色&长度值

颜色值在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种：1、英文命令颜色语法: p{color:red;} 2、RGB颜色这个与photoshop中的RGB颜色是一致的，由R(red)、G(green)、B(blue)三种颜色的比例来配色 p{color:rgb(133
EchoRep·2016-02-09 22:00

HTML+CSS笔记 CSS中级 缩写入门

盒子模型代码简写回忆盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。语法: margin:10px15px12px14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/ 通常有三种缩写的方法:1、如果top、right、bottom、left的值相同，
EchoRep·2016-02-09 22:00

HTML+CSS笔记 CSS进阶再续

CSS的布局模型清楚了CSS盒模型的基本概念、盒模型类型，我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是CSS最基本、最核心的概念。但布局模型是建立在盒模型基础之上，又不同于我们常说的CSS布局样式或CSS布局模板。如果说布局模型是本，那么CSS布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer和Float。在网页中，元素有三种
EchoRep·2016-02-09 22:00

HTML+CSS笔记 CSS进阶续集

元素分类在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：、、...、、、、、、、常用的内联元素有：、、、、、、、、、、常用的内联块状元素有：、块级元素什么是块级元素？在html中、、、、和就是块级元素。设置display:block就是将元素显示为块级元素。语法: a{display:block;} 块级元
EchoRep·2016-02-09 21:00

HTML+CSS笔记 CSS进阶

文字排版字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。语法: body{font-family:"宋体";} 这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设置“微软雅黑”关于字体的问题可以参考阮一峰的经
EchoRep·2016-02-09 16:00

HTML+CSS笔记 CSS入门续集

继承CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代(标签)。语法: p{color:red;} 三年级时，我还是一个胆小如鼠的小女孩。 上面代码展示了:某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。语法: p{border:1
EchoRep·2016-02-09 15:00

HTML+CSS笔记 CSS入门

简介:CSS全称为“层叠样式表(CascadingStyleSheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。举个栗子: p{ font-size:12px; color:red; font-weight:bold; } 使用CSS给标签加上特效,字体变大加粗,颜色标红.使用CSS样式的一个好处是通过定义某个样式，可以让
EchoRep·2016-02-09 14:00

HTML+CSS笔记 表格,超链接,图片,表单

表格给表格加入CSS样式,添加表格边框语法: tabletrtd,th{border:1pxsolid#000;} 摘要摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。语法: 标题用以描述表格内容，标题的显示位置：表格上方。 标题文本
EchoRep·2016-02-09 08:00

html+css基础知识点

以下是自己平时学习累计的，比较杂，欢迎大家指正和补充一、css重置（css reset）这是我简单整理的，并不全，大家可以根据自己需要继续补充：body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0;font-size:12px;}ol,ul{margin:0;padding:0;list-style:none;}a{text-decoration:none;}img{bo
每天进步一点_wang·2016-02-03 10:00

html+css基础知识点

以下是自己平时学习累计的，比较杂，欢迎大家指正和补充一、css重置（css reset）这是我简单整理的，并不全，大家可以根据自己需要继续补充：body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0;font-size:12px;}ol,ul{margin:0;padding:0;list-style:none;}a{text-decoration:none;}img{bo
每天进步一点_wang·2016-02-03 10:00

电商网站滑动门特效

一、实现HTML+CSS结构首先编写HTML代码1 2 3 4 5slidingdoors 6//重置浏览器样式css，对本案例没有影响，网上可以下载 7//本案例用到的css 8//本案例用到的
峰紫·2016-02-01 00:00

我所知道的几种等高布局

第一种：absolute与等高布局 HTML+css 我所知道的几种等高布局 /*第一种等高布局*/ .equal_height{width:100%;height:999em;position
cacti_vc·2016-01-28 16:00

czbk 张鹏 带你一周hold住html+css 笔记(2016年1月19日21:05:47)

html第一天：一、html介绍1.计算机，高手---黑客2.最好的学习html方法：就是参考别人的网页，源代码查看网页源代码---打开网页，鼠标右键，查看源文件3.html标记的语法：标记分为两种：单标记、双标记没有结束的标记--单标记 例如:一、单标记(1)   单一性，无属性值如：(2)单一型，有属性值。如：***源代码中效果，并不是浏览器最终的效果4.网页技术发展---html4.01--
黄滔1996·2016-01-19 21:00

czbk 张鹏 带你一周hold住html+css 笔记(2016年1月19日21:05:47)

html第一天：一、html介绍1.计算机，高手---黑客2.最好的学习html方法：就是参考别人的网页，源代码查看网页源代码---打开网页，鼠标右键，查看源文件3.html标记的语法：标记分为两种：单标记、双标记没有结束的标记--单标记 例如:一、单标记(1)   单一性，无属性值如：(2)单一型，有属性值。如：***源代码中效果，并不是浏览器最终的效果4.网页技术发展---html4.01--
黄滔1996·2016-01-19 21:00

作业：马赛克式图片轮转

html+css(添加了一些动画效果)：马赛克图片切换*{padding:0;margin:0;
MrKou47·2016-01-18 11:27

css--动画

一般我们都认为html+css只能创建静态页面，其实css3中已经可以创建动态页面。这一章我们就来讲述一下如何通过css创建动画。
秋天的故事·2016-01-17 10:00

HTML+CSS基本总结(二)

第二部分：1.target的使用2.img底部留白问题的解决方案3.圆角的实现4.flex容器5.限制HTML文本框的输入类型6.网页经典代码 7.透明度8.渐变色-----------------------------------------------------------------------------标签的target属性：toc.html如下：TableofContents P
hi_1991world·2016-01-10 10:00

代码艺术家之JS

以前js就是作为一个配角，html+CSS才是主要的，现在，你说你写网页的不会用js，呵呵，U~=渣渣.而且庸
villainhr·2016-01-08 00:00

基于HTML+CSS，jQuery编写的简易计算器后续（添加了键盘监听）

之前发布了一款简易的计算器，今天做了一下修改，添加了键盘监听事件，不用再用鼠标点点点啦JS代码：varyunSuan=0;//运算符号，0-无运算;1-加法;2-减法;3-乘法;4-除法varchange=0;//属于运算符后需要清空上一数值varnum1=0;//运算第一个数据varnum2=0;//运算第二个数据varcunChuValue=0;//存储的数值$(function(){$(".
�佬∮�劬�程·2016-01-05 17:05

图片等比例缩放居中显示

阅读更多如果不想用前面的后台图片缩放预处理上传的图片,在使用上传图片时可能会出现与预期的效果不一致的情况,可能我们想到要固定图片的尺寸,但是如果上传的尺寸比例与设定的不一致,又会让图片变形,下面使用一个简单的方法实现图片的等比例缩放并居中显示,只需要HTML
jingjie520·2015-12-28 17:00

图片等比例缩放居中显示

如果不想用前面的后台图片缩放预处理上传的图片,在使用上传图片时可能会出现与预期的效果不一致的情况,可能我们想到要固定图片的尺寸,但是如果上传的尺寸比例与设定的不一致,又会让图片变形,下面使用一个简单的方法实现图片的等比例缩放并居中显示,只需要HTML
jingjie520·2015-12-28 17:00

学习js日常

今天把html+css、javascript都过了一次Js学到后边做编程习题感觉前边都白学了。对着参考代码一个个改，最后出来的网页还是有一部分不相同。
烤个鸡翅·2015-12-25 15:00

html+css代码需要注意的地方（整理）

刚进入前端这行，一直在奋斗中，小公司无人指导，只能慢慢摸索咯！做什么事情都要有习惯！代码也不例外。（估计很多人都忽略了吧！我也是其中一个0.0）写代码有好的习惯，可以避免许多意想不到的错误。很多人学习时都会忽略，直到把那些错误的习惯用到熟，改起来就困难了。所以在写代码时你应该好好看看一些细节及规范，不需要一次就记住，通读一遍有个印象，在实战中遇到了就翻一翻，时间长了，就会了嘛。现在开始整理（个人理
webGeek·2015-12-24 20:00

web前端面试题总结

HTML+CSS什么是web标准，起到些什么作用，如何理解W3C组织制定的标准（1）web标准规范要求，书写标签必须闭合、标签小写、不乱嵌套，可提高搜索机器人对网页内容的搜索几率。
yummy_go·2015-12-23 17:00

简单轮播的实现

无论写一个什么样的网页，第一步便是素材的准备，第二步整理好基本样式/布局，然后用HTML+CSS实现静态样式，用jQ
moemiss·2015-12-21 17:00

html+css麦子学院实训

HTML+CSS设为首页收藏本站2015年5月1日多云16℃/30℃客服热线：400-000-000标签用于为用户输入创建HTML表单。
liufeng2436·2015-12-21 14:25

HTML+CSS+Bootstrap：第一个页面，仿Airbnb首页

这几天在Codecademy上看教程，前天看完了HTML+CSS部分，今天跟着教程做了一个页面。其中又用到了Bootstrap这个HTML/CSS框架。源码贴在这里以便以后查看。
草千里·2015-12-18 19:16

HTML+CSS+Bootstrap：第一个页面，仿Airbnb首页

这几天在Codecademy上看教程，前天看完了HTML+CSS部分，今天跟着教程做了一个页面。其中又用到了Bootstrap这个HTML/CSS框架。源码贴在这里以便以后查看。
liqiancao·2015-12-18 19:00

【HTML+CSS】教你切图篇2-文本输入框编写

在之前的一篇文章我们提到按钮的实现，今天我们来说一下同样很常用的文本框的用途，在网页中我们经常会看到文本输入框，结合上一篇的按钮实现，那么文本框和按钮的结合我们可以用来做什么呢？1.首先我们可以想到登录框的实现，一个登录框通常包括文本输入框、登录/注册按钮、选择是否下次登录，选项框我们会在下一篇文章详细介绍，首先我们来实现一个简单的登录窗口，效果图如下：废话不多说，代码如下：文本框切图.login
励志故事·2015-12-15 16:52

【HTML+CSS】教你切图篇2-文本输入框编写

在之前的一篇文章我们提到按钮的实现，今天我们来说一下同样很常用的文本框的用途，在网页中我们经常会看到文本输入框，结合上一篇的按钮实现，那么文本框和按钮的结合我们可以用来做什么呢？1.首先我们可以想到登录框的实现，一个登录框通常包括文本输入框、登录/注册按钮、选择是否下次登录，选项框我们会在下一篇文章详细介绍，首先我们来实现一个简单的登录窗口，效果图如下：废话不多说，代码如下： 文本框切图
LZGS_4·2015-12-15 16:00

【HTML+CSS】教你切图篇1-实现按钮

最近实习一直在做前端切图，也是一种需要绣花般耐心的活儿，在这里总结一下一些基础页面元素的实现方式，后续陆续更新。首先我们遇到最多的可能是按钮的切图，按钮可能有很多种外观，但是一般可分为纯文字的和带图标的按钮，下面就来说说这两种按钮的实现方法。效果图如下：代码如下：按钮写法a:hover{text-decoration:none;}.btn{display:inline-block;margin-t
励志故事·2015-12-14 01:12

【HTML+CSS】教你切图篇1-实现按钮

  最近实习一直在做前端切图，也是一种需要绣花般耐心的活儿，在这里总结一下一些基础页面元素的实现方式，后续陆续更新。首先我们遇到最多的可能是按钮的切图，按钮可能有很多种外观，但是一般可分为纯文字的和带图标的按钮，下面就来说说这两种按钮的实现方法。效果图如下：  代码如下： 按钮写法 a:hover{text-decoration:none;} .btn{ display:inline-
LZGS_4·2015-12-14 01:00

生成PDF的新选择-Phantomjs

但是在我看来对于这些东西不管如何也需要花费我们太多的时间(pdf报表的内容报表很复杂)，不如把所有的画图实现逻辑推向大家所熟悉的html+css来的简洁，快速，这样对于pdf格
·2015-12-09 16:08

1) html+css

从慕课网《HTML+CSS基础课程》学习整理。
烤个鸡翅·2015-12-04 13:00

1) html+css

从慕课网《HTML+CSS基础课程》学习整理。
烤个鸡翅·2015-12-04 13:00
上一页 57 58 59 60 61 62 63 64 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他