1、label标签 label 标题标签 与input联合运用,增加input的点击范围 可直接点击文字就输入 for:映射到input的id。 首先这段代码先说一个input标签的补充,就是在input标签中可以自己加属性,如id。 这段代码,上面用了label标签,下面用了span标签,界面展示 ...
分类:
Web程序 时间:
2018-06-21 01:35:43
阅读次数:
216
、概念 HTML是一长串字符串,特点是能够被浏览器解析。 需要学习每一个标签代表什么 HTML分为三块:HTML(一个人) CSS(这个人的衣服)js(这个人的动作) 2、新建HTML文件 在pycharm右键新建一个HTML文件,新建文件如下: <!DOCTYPE html> 是在规定一个标准的H ...
分类:
Web程序 时间:
2018-06-19 23:23:03
阅读次数:
240
margin: 0 auto /*可以让盒子居中*/1、三种样式表的书写方法 (1)内嵌式写法 特点:样式只作用于当前文件,没有真正实现结构表现分离。 <head> <style type="text/css"> 样式表写法 </style></head> (2)外链式写法 特点:作用范围是当前站点 ...
分类:
Web程序 时间:
2018-06-10 19:00:26
阅读次数:
307
CSS:层叠样式表 用于美化页面,修改标签样式 排版专用标记:<div>与<span> 这两个标签都是用来设置涵盖一个区块为主.区块就是表示一行 以上的数据.如果没有一样,则<span> 与</span>该数据显示前后都不会跳行. 写法分类: 1、内联:写在标签里面,以属性的形式表现 属性名styl ...
分类:
Web程序 时间:
2018-06-06 18:12:43
阅读次数:
248
浮动 浮动是css里面布局最多的一个属性,也是一个很重要的属性。 float表示浮动的意思。它有四个值。 none:表示不浮动 left:表示左浮动 right:表示右浮动 inherit:规定应该从父级元素继承float属性的值 我们会发现,三个元素并排显示,.box1和span因为是左浮动,紧挨 ...
分类:
Web程序 时间:
2018-05-30 21:27:16
阅读次数:
176
一、CSS基础知识介绍 1.css是cascading style sheet层叠式样式表的简写 2.css小用法 加粗:font-weight:bold; 正常用:normal; 斜体:font-style:italic; 正常用:normal; 下划线:text-decoration:under ...
分类:
Web程序 时间:
2018-05-12 11:15:41
阅读次数:
176
CSS(Cascading Style Sheet),级联-层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标签性语言 CSS语法的核心为三大要素:选择符(selector)又称选择器,指这组样式编码所要针对的对象,属性(property)和值(value) 1 body,ul,o ...
分类:
Web程序 时间:
2018-05-06 16:30:55
阅读次数:
226
前面对CSS基础知识有了一定的了解,是时候开始实战了!以下我对抽屉(https://dig.chouti.com/)主页进行模拟布局。 官方网站效果图: 模拟网站图: ...
分类:
Web程序 时间:
2018-05-03 23:35:42
阅读次数:
714
伪类选择器: 伪类是直接在元素后面加“:”,例如a:hover,可直接在css中用而不用在html中像类一样定义,因为是浏览器预先设定好的。 a一般顺序是:a:link{} 未访问状态链接 a:visited{}已访问状态链接 a:hover{}鼠标悬停上时状态 还有其他伪类,如first-chil ...
分类:
Web程序 时间:
2018-04-22 16:02:41
阅读次数:
229
实用掌中宝--HTML&CSS常用标签速查手册 内容推荐: 本书第一篇以语法和实例相结合的形式,详细讲解了HTML语言中各个元素及其属性的作用、语法和显示效果;第二篇从CSS基本概念开始,分别讲解了CSS基础知识、CSS控制各种元素显示的方法以及CSS布局页面的技巧等知识。为了使读者能尽快熟悉各种应 ...
分类:
Web程序 时间:
2018-04-03 23:52:41
阅读次数:
231