HTML+CSS
关注
分享
扫一扫
Jacky-Summer
不是因为看到希望才去努力，而是努力后才会看到希望!
展开
-
HTML基础之标签篇（二）
本篇，继续学习html基础的标签。 如下代码：<html> <head> <title>标签</title> <meta charset="utf-8"> </head> <body> <h1>空格:</h1> <p>例如在html代码中输入空格 是不起作用的</p> <h1>多原创 2016-08-16 00:11:29 · 759 阅读 · 0 评论 -
解决IE6下不支持position:fixed属性
先弱弱的问一句，市场上还有多少项目需要考虑兼容IE6的….. * 正常浏览器和IE7+浏览器显示如下： * IE6下显示结果： 发现position:fixed属性失效，因为IE6是不支持这个属性的 解决办法： 在css样式里面加上下面这段代码:* html #menu {/*解决position：fixed不兼容问题*/ position: absolu...原创 2018-07-12 09:37:24 · 913 阅读 · 0 评论 -
元素绝对定位在底部水平居中
在做移动端开发曾遇到的一个问题，要使元素在底部水平居中显示，于是找了解决方案： 页面代码：<div class="sea_result_con"> <span class="sea_result">共查询到2条记录</span> </div>css代码：.sea_result_con{ position: absol...原创 2018-07-14 22:24:58 · 2637 阅读 · 0 评论 -
HTML5代码调用手机摄像头
做手机移动端的时候，有时需要调用手机摄像头，有一个简单的方法使用input:file标签，不需要复杂代码操作就能实现调用拍照、相册等功能。 capture – 设置选择需要调用的功能 camcorder – 摄像机 microphone – 录音 accept – 直接打开系统文件目录<input type="file" accept...原创 2018-07-11 17:57:16 · 8743 阅读 · 0 评论 -
CSS之Div+Css布局（二）
本篇复习的是div+css布局的相关属性，浮动以及溢出处理。 代码演示：<html> <head> <title>Div+Css布局(布局相关的属性)</title> <meta charset="utf-8"> <style type="text/css"> body{ paddi原创 2016-09-07 13:45:25 · 381 阅读 · 0 评论 -
HTML基础之标签篇（一）
HTML编辑器我们现在选择的是Notepad++。安装完成后，选择文件-新建-（输入你的代码后）-另存为html文件（当您保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 扩展名），启动您的浏览器，然后选择”文件”菜单的”打开文件”命令，或者直接在文件夹中双击您的 HTML 文件,编写代码即可运行。 首先我们来了解一下html的基本结构： 接下来又重新来认识h原创 2016-08-15 13:49:06 · 511 阅读 · 0 评论 -
CSS之Div+Css布局（一）
在html部分学到的div标签，感觉上并没有多大用途，但是结合CSS的话，它的作用就多了。下面来看看div与css的结合使用。 代码演示(div和span)：<html> <head> <title>Div+Css布局(div+span)</title> <meta charset="utf-8"> <style type="text/c原创 2016-09-05 21:11:51 · 670 阅读 · 0 评论 -
HTML简介和基本语法
今天起，我将开始断断续续写html+css知识点和学习总结的博客，顺便以后忘记也可以回头看。最初接触html，我以为它是个编程语言，后来才知道不是，它是一种标记语言。我们常常会将HTML，CSS，JavaScript一起拿来说，因为学习Web前端开发基础技术需要掌握它们：HTML、CSS、JavaScript语言。首先先来了解这三门技术都是用来实现什么的： HTML是网页内容的载体。内容就原创 2016-08-14 12:55:29 · 567 阅读 · 0 评论 -
CSS基础之样式
本篇开始放送CSS基础知识点，首先CSS是什么？ 什么是 CSS? CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中原创 2016-08-25 13:51:29 · 574 阅读 · 0 评论 -
CSS属性之背景与文本
本篇，主要是文本与背景相关的属性，因为本篇内容比较简单，就不作多文字说明了。 代码演示：<!doctype><html> <head> <title>CSS属性之背景</title> <meta charset="utf-8"> <style type="text/css"> body{ back原创 2016-09-01 23:45:32 · 441 阅读 · 0 评论 -
CSS属性之边框与列表
本篇，首先来介绍的是边框属性，内容比较多，还基本还是很简单的。 代码演示：<html> <head> <title>CSS属性之边框</title> <meta charset="utf-8"> <style type="text/css"> div{ width:50px;原创 2016-09-04 09:24:29 · 1001 阅读 · 0 评论 -
CSS属性之颜色与字体
本篇来认识CSS一些常用的属性：颜色与字体。 颜色值 在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种： 1、英文命令颜色p{color:red;}2、RGB颜色 这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来原创 2016-09-01 14:31:24 · 1672 阅读 · 0 评论 -
CSS基础之CSS选择器
CSS代码语法 css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示： 选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。 声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下：p{font-size:10px;colo原创 2016-08-31 22:16:11 · 406 阅读 · 0 评论 -
HTML基础之表单设计
前篇我们用了html表格和框架有关的标签做了网页布局，这次来做一个表单，我们在网上填表的时候，有文本框，按钮，单选框，复选框等等，接下来放送： 同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。 下面举个栗子：<html> <head>原创 2016-08-18 14:41:28 · 766 阅读 · 0 评论 -
简单的网页布局实战（表格与HTML框架）
学了html一些最常用的标签后，我们需要自己动手实战，首先，我们主要运用表格相关的标记实现网页布局，先来看一张效果图： 大概思路是整个网页被分成三大块，头部，中部（左部和右部），底部。中部又被分成左部和右部，所以我们需要嵌套使用标签，结合前几篇的标签基础知识就能看懂下面的源代码了。<html> <head> <title>网页布局实战</title> <原创 2016-08-17 13:51:34 · 10699 阅读 · 1 评论 -
HTML基础之标签篇（三）
对于html的标签，要自由运用还是要多实践。本篇主要以放图和代码作为总结复习演示 代码示例：<html> <head> <title>标签</title> <meta charset="utf-8"> </head> <body> <table width="960" height="350"原创 2016-08-16 21:38:42 · 406 阅读 · 0 评论 -
绝对定位的居中
绝对定位absolute，可以用left:50%加上margin-left:(宽度/2)，来实现绝对定位的居中.line{ position: absolute; width: 20px; left:50%; margin-left:-10px; }原创 2018-07-31 15:39:01 · 364 阅读 · 0 评论