20150712。CSS学习笔记 1,代码开始结束的时候需要注释 <!— headerEnd -->2,form中要定义好name,穿数据时还是会用name取element。3,为每个li配置单独的class。4,可以在css文件开头使用*{},通配选择器。 /*通配选择器*/*{ margin: 0; padding: 0; color: #000; font-size: 13px; list-style-type: none; text-decoration:none;}5,‘反向浮动’将主要内容在.html中前置,利于网络爬...
如何让图1中的div2移动到如图2上的位置;思路:哪些css命令能够影响盒子显示的位置呢? relative相对定位/定位偏移量position:relative; 相对定位 a、不影响元素本身的特性; b、不使元素脱离文档流; c、如果没有定位偏移量,对元素本身没有任何影响;定位元素位置控制 top/right/bottom/left 定位元素偏移量。 absolute绝对定位/定位层级osition:absolute; 绝对定位 a、使元素完全脱离文档...
H5结构知识点一:body,nav,section需要h1-h6; header,div不需要h1-h6. h5结构测试网站:https://gsnedders.html5.org/outliner/移动端么meta格式:移动端要加的标签<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">移动端图片自适应css(配合上述标签使用):img{display:block;max-width:100%;}css3标签:ouline:none 点击无虚线css3内边距和边...
第四章 CSS网站元素设计4.1 网站导航 网站导航是网站中最重要的元素。从形式上看,网站导航主要分横向导航、纵向导航、下拉及多级菜单导航灯3种常见形式。横向导航:作为门户网站的设计而言,主导航一般采用横向导航。纵向导航:纵向导航更倾向于表达产品的分类。下拉导航:主要用于功能复杂的网站。 总的来说,导航的核心目标就是设计一个简单、快捷的操作入口,帮助用户快速地到达网站中的 内容。这里将使用CSS来对这3种常...
<!<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1,maximun-scale=1,user-scalable=no"><!--清除浮动方法一: .divcss5{border:1px solid #F00;background:#FF0;width:400px;}产生浮动.divcss5{border:1px solid #F00;background:#FF0;width:400px;height:102px;}清除浮动,给父级加高...
自己在写css时总会遇上css样式继承的问题,好在一般问题不大,但一直也不明白css样式继承的规则,最近发现了一篇文章讲的不错,因此转载过来:所谓CSS的继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设,需要指定为其它样式的部份设定在个别元素里即可。这项特性可以给网页设计者提供更理想的发挥空间。但同时继承也有很多规则,应用的时候容易让人迷惑CSS的一个主要特征就是...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><title>第37课 整齐的表格</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="description" content="布尔教育 http://www.itbool.com" /><style type="text/css"> table{ border-collapse: co...
一、浏览器兼容1.1、概要世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运行平台还存在差异、屏幕分辨率不一样,大小不一样,比例不一样。兼容性主要可以分类为:1)、CSS兼容2)、JavaScript兼容3)、HTML兼容这三类也是前端的主要组成部分,都存在一定的兼容性问题,知己知彼,百战百胜,我们先了解...
初学前端开发,记录下自己的学习笔记。第一章 认识HTML1:关于HTML HTML是超文本标记语言(HyperText Markup Language)的缩写,用来建立网页的结构。 它只会根据标记来确定在哪里换行或者分段。所以浏览器会忽略HTML文档中的制表符、回车和空格。 共有六级标题,从<h1>到<h6>,字体由大到小。 HTML注释放在<!--和-->之间,浏览器会把它们完全忽略,可以有多行。 <em>元素表示强调。 <head>的HTML页面的头部,它包...
1、line-height的定义 定义:两行文字基线之间的距离。 注:不同字体之间的基线是不同的。2、line-height与行内框盒子模型 行内框盒子模型: ①内容区域(content area),是一种围绕文字看不见的盒子,大小与font-size有关; ②内联盒子(inline boxes),不会让内容成块显示,而是排成一行。如果外部含inline水平标签,则属于内联盒子;如果是个光秃秃的文字,则属于”匿名内联盒子“; ③行框盒子(line boxe...
小图标新版Bootstrap提供了 200个小图标(相应地,提供了200个CSS样式),这200个样式 均可以在内联元素上应用,并显示出对应的图标。 1)基本用法:在任何内联元素上应用所对应的样式即可。 所有的icon样式都以glyphicon-开头,这是因为这些小图标 都是http: /glyphicons.com/ 网站提供,使用的时候必须同时使 用两个样式,即.glyphicon和以.glyphicon-*开头的样式。 2)实现方式:新版icon利用@fo...
01. 概述 W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。 这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。” 简单的来说就是通过某一个事件改变了元素的css值,然后从当前的值过度到指定的值发生的动画。也就是说改变 属性值不是一下子改变,而是一个过程,慢慢的变为目标属性。02. 语法 tran...
HTML <font> 标签定义和用法<font> 规定文本的字体、字体尺寸、字体颜色。实例规定文本字体、大小和颜色:1<font size="3" color="red">This is some text!</font>2<font size="2" color="blue">This is some text!</font>3<font face="verdana" color="green">This is some text!</font>HTML 与 XHTML 之间的差异在 HTML 4.01 中,font 元素不被赞成使用。在 XHTML 1.0 Strict DTD 中,font 元素不被支持。原文:http://www.cnblo...
这两天的CSS3学习笔记:慕课网课程地址:
http://www.imooc.com/learn/33笔记:边框:圆角效果border-radius:同border相同的缩写方式;阴影box-shadow:参数说明:说明:单位除了用px也可以用百分比;多个阴影:用逗号隔开即可;模糊半径与扩展半径的区别:阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊;阴影扩展半径:此参数可选,其值可以是正负值,如果值...
CSS一、CSS简介 1,CSS (Cascading Style Sheets) 级联样式表 ,是一种计算机语言,用来控制HTML内容的显示效果 2,CSS预先定义了众多的和显示效果有关的样式属性,比如color、font-size等。如果希望html内容显示某个效果,就应用对应的CSS样式属性即可 3,CSS对样式的控制是非常精确和精细的二、CSS语法 1,CSS语言的基本单位是样式声明:proppertyName:value; 2,CSS语言的使用方式: 1,把CSS样式声明...