1、float的历史
float设计的初衷仅仅是为了文字环绕效果。
示例代码:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht
文本属性
font-size: 16px 文字大小
font-weight: 700 文字粗细 值从100-900 (值为700看上去加粗了) 不推荐使用font-weight: bold
font-family: microsoft yahei 字体(可以用中文如:宋体,或者英文:如simsun,
CSS命名规则
头:header
内容:content/containe
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right
最近发现css遗忘了很多,原因在于平时很少用到一些样式,现记录一些平时工作中使用频率比较少的属性以备查看。因为本身就知道这些属性,只不过用的少而已,所以不会太详细的记录,只是记录大概的意思,一看就能了解。
1.文本属性
text-indent
首行文本缩进,针对于块级元素,text-ind
简介
前面写了一篇文章讲解了position常用的几个属性:《CSS 属性之 position讲解》一般都知道下面几个常用的:
{
position: static;
position: relative;
position: absol
Web前端技术由 html、css 和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理,
本文设计到常见对文档的处理样式,和块,行标签的特点。
没用什么重要内容,只是自己的一些知识点的回忆,对以前知识的一个梳理过程,望某懒虫加油!!!
<!DOCTYPE html>
<html lang="en">
<head>
<met
最近在做的一个后台管理系统,发现一个bug:
问题描述:如果其他列表项都用类为col-xs-12的div包裹,而引入UEditor的部分不用类为col-xs-12的div包裹,那么其他列表项将无法显示,UEditor编辑框也显示不完全;
解决办法:将引入UEditor的部分也用类为col-xs-1
/** ie8支持透明度 **/rgba(0,0,0,0.4); // 不支持ie8filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);这个颜色“#1900
先说说做的这个校园导航系统值得一提的内容:
1. 二级菜单栏 、iframe内嵌窗口(样式设计、用hover做效果)
2. 高德地图API (自定义底图样式、弹跳点、信息窗体、线路导航)
3. DOM里的函数 getElementById( ); (看了《JS DOM编程艺术》)
4. 返回顶部
安静的敲着键盘,已势不可挡的姿势逼近php,我想我是一个幸福的人,未来不可期,做好现在,偶尔写着自己能看懂的API,慢慢悠悠的回味一下前端基础知识。
本文盒模型理解。
<!DOCTYPE html>
<html lang="en">
<head>
在webpack.base.conf文件中配置别名以及扩展名
resolve: {
extensions: ['.js', '.vue', '.json', '.styl'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'
1.问题描述:
新开发了一个vue-cli项目,想通过手机查看效果,发现访问不到,ip地址和端口号都没错但是手机访问不到,在本机电脑浏览器输入ip端口号一样访问不到,只能通过localhost:8080访问到,同一局域网下其他的手机和电脑并不能通过ip地址访问调试,
2.原因:vue
基础数据结构与算法
现在有两个不同的JSON,比较复杂,可以参考这里的DEMO中返回的JSON。要比较它们的差异,除了用现成的工具如beyond compare以外,如果我们的机器上没有安装这个工具,能如何较快解决?作为一个程序员,一个个对比是不可行的,对比完也不会有什么收获。我会把之放进Excel
在大家查看HTML时,经常会看到data-role、data-theme等的使用,比如:通过如下代码即可实现页眉的效果:
1 <div data-role="header">
2 <h1>我是标题</h1>
3 </div&g
在HTML页面获取项目根路径的方法:
function getRootPath(){
var curPageUrl = window.document.location.href;
var rootPath = curPageUrl.split("//")[0] + curPag
1, 转义字符
转义字符:用于表示网页中的特殊字符
XHTML不直接输入符号,建议使用转义字符。
 ------空格;
©------版权;
®--------注册商标
伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。
:Pseudo-classes
::Pseudo-elements
但因为兼容性的问题,所以现在大部分还是统一的单冒号,但是抛开兼
居中是我们使用css来布局时常遇到的情况。使用css来进行居中时,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,本文就居中的一些常用方法做个简单的介绍。
注:本文所讲方法除了特别说明外,都是兼容IE6+、谷歌、火狐等主流浏览器的。
先来说几种简单的、人畜无害的居中方法
1. 把ma
内联样式: <div style="font-size: 12px;">姓名</div>
外部样式: <link rel="stylesheet" href="css/bootstrap.min.css" />
内嵌样式 : <style>