响应式布局和BootStrap 全局CSS样式

1、什么是响应式布局响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,这个概念是为解决移动互联网浏览而诞生的。简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。响应式网络设计 ( RWD / AWD)的出现,目的是为移动设备提供更好的体验,并且整合从桌面到手机的各种屏幕尺寸和分辨率,用技术来使网页适应从小到大(现在到超大)的不同分辨率的屏幕。 2、
阅读本文

css样式表中的样式覆盖顺序

有时候在写CSS的过程中,某些限制总是不起作用,这就涉及了CSS样式覆盖的问题,如下 <!DOCTYPE html> <html lang=“en“> <head> <style> #navigator { position: absolute; background-color: red; }
阅读本文

JavaScript 基础,登录验证

<script></script>的三种用法: 放在<body>中 <!DOCTYPE html> <html lang=“en“> <head> <meta charset=“UTF-8“> <title>Title</title> </head> <body> <p id=“demo“>aaa</p> <sc
阅读本文

CSS初始化代码

为什么要初始化CSS?建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异。当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。      最简单的初始化方法就是: * {padding: 0; margin: 0;} 。有很多人也是这样写的。这确实很简单,但有人就会感到疑
阅读本文

html基础笔记

1   HTML简介     HTML:超文本标记语言(hypertext markup language);  由浏览器直接解析执行(没有编译过程);  超文本:音频、视频、图片都成为超文本;    标记:称为标记。html页面都由标记组成;2 HTML网络术语   网页:由各个标记组成的页面;   主页:一个网站的其实页面或者导航界面;   标记:也称标签。  开始标签,结束标签;每个标签都有
阅读本文

JavaScript 基础,登录前端验证

<script></script>的三种用法: 放在<body>中 放在<head>中 放在外部JS文件中 三种输出数据的方式: 使用 document.write() 方法将内容写到 HTML 文档中。 使用 window.alert() 弹出警告框。 使用 innerHTML 写入到 HTML 元素。 使用 “id“ 属性来标识 HTML 元素。 使用 document.getElemen
阅读本文

QSS样式表的使用

Qt中可以灵活的使用层叠样式表(CSS),其语法和CSS很相似。因为HTML CSS的灵活性,所以可以很方便的为QT界面设计自己需要的外观。除了子类化Style类,使用QT样式表(QStyleSheet)是另一种快速改变QT程序UI风格的方法,它很大程度上借鉴和参考了 HTML层叠样式表的语法和思想。   StyleSheet文件的默认后缀名为qss,可通过命令行参数 -stylesheet
阅读本文

学习记录 11——CSS-文字排版(17/10/15 于成都)

1.文字字体: 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性下面代码实现:为网页中的文字设置字体为宋体。body{font-family:“宋体“;} 这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。) 现在一般网页喜欢设置“微软雅黑”
阅读本文

HTML5+CSS3新增内容总结!

说到H5+C3会不会觉得东西好多啊,今天就整理了一份总结性的内容; CSS3选择器有哪些? 属性选择器、伪类选择器、伪元素选择器。 CSS3新特性有哪些? 1.颜色:新增RGBA,HSLA模式 2. 文字阴影(text-shadow、) 3.边框: 圆角(border-radius)边框阴影: box-shadow 4. 盒子模型:box-sizing 5.背景:backgroun
阅读本文

HTML和CSS疑点解析

1,让不定宽高的div,垂直水平居中?父盒子:display:table-cell;text-align:center;vertical-align:middlediv盒子:display:inline-block;vertical-align:middle;2,CSS强制英文、中文换行与不换行 强制英文换行 1. word-break:break-all;只对英文起作用,以字母作为换行依据 2.
阅读本文

转载:HTML/CSS 速写神器:Emmet

在前端开发的过程中,一个最繁琐的工作就是写 HTML、CSS 代码。数量繁多的标签、属性、尖括号、标签闭合等,让前端们甚是苦恼。于是,我向大家推荐 Emmet,它提供了一套非常简单的语法规则,书写起来非常爽快,然后只需要敲一个快捷键就立刻生成对应的 HTML 或 CSS 代码,极大提高了代码书写效率。Sublime TextEclipse/AptanaTextMateCodaEspressoCho
阅读本文

[转]总结一下CSS中的定位 Position 属性

在CSS中,Position 属性经常会用到,主要是绝对定位和相对定位,简单的使用都没有问题,尤其嵌套起来,就会有些混乱,今记录总结一下,防止久而忘之。 CSS position 属性值: absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left“, “top“, “right“ 以及 “bottom“ 属性进行规定。 relativ
阅读本文

html 制作静态页面新知识

1.在区块线边框添加一条水平线例如:<div  style:“height :300px;width:800px;border-bottom: solid 1px orange ;“> //border-bottom: 边境底部 solid  实线  1px 像素为1 orange 颜色为橙色2.在区块中设置背景图片例如:<div style=“ background: url(img/all_b
阅读本文

HTML与标记属性

网站部分:UI:AI、PS  前端:html、css、js  网站:是一个存放在网络服务器上的完整信息的集合体。由域名、空间服务器、网站程序、数据库等组成。由多个网页以一定的方式连接在一起,成为一个整体。首页(index.html):制作首页要突出重点、分类准确、操作简单 网页的三层结构:结构层:html    结构框架表现层:css     美化行为层:js   javascript    实现
阅读本文

CSS(层叠样式表)

CSS层叠样式表是用在标准文档流中的,它的引用方式分为以下三种;  1 使用外部样式表       格式  表示引用外部资源,该代码放在HTML文件中的head标签中,       特点:实现了内容结构与表现形式代码的分离,方便重复使用和维护;     使HTML的代码更加简洁,有利于程序员和搜索引擎的优化。  2 使用内部样式表      格式               (css代码)
阅读本文

CSS层叠和继承

内嵌     id      class    元素内嵌            1         0        0        0id               0         1        0        0class、属性、伪类        0         0        1        0元素、伪元素        0         0
阅读本文

html5-css边框img

div{    width: 500px;    height: 300px;    background: rgb(122,30,60);    border:15px solid black;    /*border-image-source: url(../pic/bg4.jpg);    border-image-slice: 30;    border-image-slice: 30 f
阅读本文