&初步介绍html和css部分重要标签& 注:开头书写:<!DOCTYPE html>表明对应标准html代码 先行总结重点 下方给出具体 CSS: 1. position 对标签位置进行定位布局----共5属性(其中主要 fixed.relative.absolute)…
[ 显示目录 ] [ 隐藏 ] 目录 基本概念 CSS组成部分 CSS的规则 引入CSS样式的方法 颜色的表示 CSS Reset 选择器分类 浮动 盒子模型 box-sizing属性 实例:实现“田字格”布局 实例:实现metro风格布局 实例:画三角形 实例:画一棵树 设置字体属性 设置段落属性 设置背景及背景图片的属性 自定义列表标志 display常用属性 inline-block去除间距 例子:垂直居中对齐 position属性 案例:实现顶部导航 案例:实现登录界面 IE 6 双倍m…
关于CSS的简介可以自行百度,本篇只考虑内容 首先关于CSS会由浅入深,写在前面的有很多不严谨,只是为了引出后文所写.不过如果谬误较大,敬请指正! 1.大部分的代码要写在之中 简单的例子: <body> <div style="height:200px; width:200px; background:#000; color:fff;">你好 </div> </body> 这是个长宽200像素黑背景白字的你好,写的时候要注意要用;分隔  …
CSS介绍 CSS是指层叠样式表,CSS样式表极大的提高了工作效率 CSS基础语法 1. 首先选择一个属性 2. 选择了属性以后,用大括号括起来 3. 括号里面是对应的属性和属性值,如: selector { property: value; } 举一个实际的例子,就像这样: h1是属性,然后一个大括号,括号中的color是属性,后面跟着对应的属性值red,设置结束后需要用;来分别各个属性 h1 { color: red; font-size: 14px; } 使用CSS样式: 需要在html中…
01 复习内容 复习之前的知识点 02演示VS创建元素 03div和span区别 通过display属性进行DIV与Span之间的转换.div->span 设置display:inline    span->div 设置display:block <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont…
一.CSS是什么? 它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式.CSS在Web设计领域是一个突破.利用它可以实现修改一个小的样式更新与之相关的所有页面元素. 那么 html ccs  javascript 分别起到1了什么作用呢? HTML CSS javaScript 结构 样式 行为 要分清楚他们分别负责什么. 二.CSS是干什么的? 比如那么说:盖一…
CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素.也就是定义相应的标签语言来定制显示样式达到一定的显示效果. 每个CSS样式由两个组成部分:选择器和声明.声明又包括属性和属性值.每个声明之后用分号结束. CSS的几种引用方式 引用CSS样式的方式分为3种:1.便签行内定义显示方式 .2.内部定义,在html文件的<head></head>中定义<style></style>.3.以及把样式语句放在CSS文件…
第一章 的介绍 1.CSS:“层叠样式表”,它是cascading style sheets的缩写,作用就是给HTML标签加表现形式(样式-显示),如:字体,图片,列表,位置等. 在浏览器中可以看到部分: HTML:“超文本标记语言”,主要作用把内容(文字.图片.视频等)放入网页中--结构 CSS:“层叠样式表”,主要作用给HTML进行样式的显示,如何的布局--样式 Javascript:“浏览器的脚本语言”,主要作用给HTML加动态效果(特效)--行为 CSS特点: 可以非常精准的定位,定位某…
1.1 CSS基本介绍一.web 标准所谓的web标准指的就是一系列规范网页书写的要求,它是由W3C组织制定,在它里面要求网页的结构.样式.行为三者相分离.二.名词解释1.结构:就是通过HTML标签搭建的网页的结构.2.样式:就是通过CSS对当前的网页结构进行修饰和美化3.行为:通过Js让网页可以理解用户的一些操作.从而用户与网页之间产生交互. 1.2 CSS基本使用一.定义Css在国内被称之为级联样式表.层叠样式表.样式表,它的作用就是修饰当前网页中的HTML元素.二.基本使用步骤1.CSS与…
常用前端布局,CSS技巧介绍 对前端常用布局的整理总结,并对其性能优劣,兼容等情况进行介绍 css常用技巧之可变大小正方形的绘制 1:若通过设置width为百分比的方式,则高度不能通过百分比来控制. 在这个地方可以使用padding来实现,首先,元素的高度=height+padding*2+border*2;所以我们可以将widht设置为0, 然后用padding来实现盒子的高度(若元素padding的值是一个百分比,则是基于其父元素的宽度来计算的) width: 50%; height: 0;…