html css 多级菜单实例

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“ “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“> <html xmlns=“http://www.w3.org/1999/xhtml“> <head> <title></title>
阅读本文

前端HTML-CSS规范

本篇文章主要介绍元素的Position属性,此属性可以设置元素在页面的定位方式。目录 1. 介绍1.1 说明Position 属性:规定元素的定位类型。即元素脱离文档流的布局,在页面的任意位置显示。1.2 主要的值①absolute :绝对定位;脱离文档流的布局,遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素(postion不为static),否则为Body文档本身。②relat
阅读本文

HTML——CSS的基础语法2

一、盒模型1-1、什么是盒模型?HTML5盒模型包括:内容(content)、填充(padding、也叫做内边距)、边框(border)、边界(margin,也叫做外边距)。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解,所以叫它盒子模式。CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。(来自百度百科,本人稍做修改,如图:)1-2、margin 外边距1、只
阅读本文

HTML&CSS——使用DIV和CSS完成网站首页重构

1、DIV 相关的技术   Div 它是一个 html 标签,一个块级元素(单独显示一行)。它单独使用没有任何意义,必须结合CSS来使用。它主要用于页面的布局。  Span 它是一个 html 标签,一个内联元素(显示一行)。它单独使用没有任何意义,必须结合CSS 来使用。它主要用于对括起来的内容进行样式的修饰。2、CSS 的作用   HTML:它是整个网站的骨架。  CSS:它是对整个网站骨架的
阅读本文

html和css面试题

21.如何居中div,如何居中一个浮动元素? 给div设置一个宽度,然后添加margin:0 auto属性 div{        width:200px;        margin:0 auto;     }  居中一个浮动元素       确定容器的宽高 宽500 高 300 的层      设置层的外边距 .div {      Width:500px ; height:300px;//高
阅读本文

实用的html页面的CSS、DIV命名规则

CSS命名规则  头:header  内容:content/containe  尾:footer  导航:nav  侧栏:sidebar  栏目:column  页面外围控制整体布局宽度:wrapper  左右中:left right center  登录条:loginbar  标志:logo  广告:banner  页面主体:main  热点:hot  新闻:news  下载:download
阅读本文

HTML元素在CSS中的分类

元素是组成HTML文档的基本结构,比如h1、p、ul、div等等。在CSS中,元素可以分为 “替换元素”与“非替换元素“。如果站在元素显示的效果上看,那么元素还可以分为“块级元素“和“行内元素”。一、替换元素与非替换元素(一)替换元素元素在浏览器中所呈现的内容,并不是由元素在HTML文档中的内容直接表示的。比如img元素,<img src=“test.jpg“/>。 img元素并没有内容,它在浏览
阅读本文

新闻资讯

新闻资讯 首页 解决方案 新闻资讯 案列展示 关于我们 加入奥昇 新闻资讯您当前所在位置:首页>新闻资讯新闻资讯 教育强音 跟你有关!两会这些教... 时间:2017-03-28 互联网+监督是践行党的群众路线,密切干群关系是最直观的体现。其优势现在铜鼓哦大数据分析对各种数据进行排、提炼各种有效信息,自莪术纪律检查部门缩小排查范围,有针对性的对各种违纪违章情况进行查处。
阅读本文

以后打算主攻的技术栈

三驾马车:HTML CSS JavascriptCSS框架:bootstrap   SASS、LESSJavascript 框架:jQuery  react.js  (redux、nextjs)后端语言:nood.js移动开发:react native构建工具:Webpack / gulp版本管理工具:git计算机知识:数据结构与算法、计算机语言基本原理、面向对像建模、分布式架构基本要素;TCPI
阅读本文

css格式化排版

css格式化排版1.文字排版---字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。如:body{font-family:“Microsoft Yahei“;} 2.文字排版---字号、颜色可以使用下面代码设置网页中文字的字号为12像素,并把字体颜色设置为#666(灰色):body{font-size:12px;color:#666} 3.文字排版---粗体我们还可以使用cs
阅读本文

turn.js学习手册

因为最近用到turn来做一个比赛,所以学习了一下,但是现在没有中文的API文档,所以就自己整理了一下1.flipbook的部署 1)引入jquery以及turn的js库 2)写入Html <div id=“flipbook“> <div class=“hard“> Turn.js </div> <div class=“hard“></div> <div> Page
阅读本文

能用HTML/CSS解决的问题就不要使用JS!

1. 导航高亮导航高亮是一种很常见的问题,包括当前页面的导航在菜单里面高亮和hover时高亮。你可以用js控制,但是用一点CSS技巧就可以达到这个目的,不需要使用JS。在正常态时,每个导航的默认样式为:nav li{ opacity: 0.5;}当前页面的导航透明度为1. 为了实现这个目的:首先通过body给不同的页面添加不同的类,用来标志不同的页面<!-- home.html --><bo
阅读本文

HTML表单相关的个人CSS

/*以下为表单通用css部分*/*{ padding: 0; margin: 0; box-sizing: border-box;}.divBody{ width:800px; height: 400px; margin: 50px auto 0;}.formDiv{ width: 800px; height: 400px; border: 1
阅读本文

vscode 插件推荐 - 献给所有前端工程师(更新与2017.8.11)

VScode现在已经越来越完善。性能远超Atom和webstorm,你有什么理由不用它?在这里,我会给你们推荐很多实用的插件,让你对 vscode 有更深刻的体会,渐渐地你就会知道它有多好用。走马观花前,请先将你的 vscode 更新到最新版本。通用插件HTML Snippets超级实用且初级的 H5代码片段以及提示HTML CSS Support让 html 标签上写class 智能提示当前项目
阅读本文

css(层叠样式表)(1课时)

1、css全称为叠层样式表,在HTML中有4种引入方式  a、行内样式  b、内嵌式:在中写              div{color:red;}       d、导入样式 @import url(css路径)(一般不推荐使用,因为最后才加载它) 2、css选择器  选择器优先级:id选择器>class选择器>标签选择器   css的继承性:只有字体相关的属性才能被继承,比如说给一个div设置
阅读本文

css pie.htc使用总结

pie.htc可以让ie支持CSS3的一些特性,但并不总是有效,使用时经常会碰到下面的一些问题  1. z-index相关问题IE下这些css3效果实现是借助于VML,由VML绘制圆角或是投影效果的容器元素,然后这个容器元素作为目标元素的后兄弟节点插入,如果目标元素position:absolute 或是 position:relative,则这个css3-Container元素将会设置与之一样的
阅读本文

前端知识学习一 :CSS基础

一.CSS概述    css指的是层叠样式表,样式定义如何显示HTML元素,样式通常存储在样式表中,  把样式添加到HTML4.0中,是为了解决内容和表现分离的问题。外部样式表通常存储在css文件       中。多个样式定义可层叠为一。二.层叠次序    一般而言,所有的样式都会根据下面的规则层叠于一个新的虚拟样式表中,其中4拥有最高的优先权。  1.浏览器的缺省设置  2.外部样式表(通过引入
阅读本文

巧用cssText属性批量操作样式

给一个HTML元素设置css属性,如var head= document.getElementById(“head“); head.style.width = “200px“; head.style.height = “70px“; head.style.display = “block“; 这样写太罗嗦了,为了简单些写个工具函数,如function setStyle(obj,css){ fo
阅读本文

css Sticky footers

写在前面做过网页开发的同学想必都遇到过这样尴尬的排版问题:在主体内容不足够多或者未完全加载出来之前,就会导致出现(图一)的这种情况,原因是因为没有足够的垂直空间使得页脚推到浏览器窗口最底部。但是,我们期望的效果是页脚应该一直处于页面最底部(如图二):  笔者最近在项目中也遇到过这样的场景,在寻找最佳解决方案的过程中,了解到了 “Sticky Footer” 这个名词。什么是 “Sticky Foo
阅读本文