相关内容
html和css进阶
粗细 颜色 线条种类; * border: 1px red solid; * 内边距：边和内容之间的距离 * padding: 20px; * css3.0 启动盒子内减模式的属性 * box-sizing: border...radio（实现单选功能）单选功能：把input加name属性且保证取值相同即可默认选中：xhtml1.0 checked=“checked”； html5.0如果k==v，省略等号引号保留一个...
HTML5＆CSS3初学者指南（4）–Canvas使用
系列 html5 css3 的知识介绍已经全部结束了，希望对学习 html5 css3 的朋友有所帮助。 来源：http:www.cnblogs.compowertoolsteamphtml5_css3_4.html...绘图方法：线条以及填充moveto（）方法使用x和y作为参数，在 canvas 上设置参数指定的线条起始点。 lineto（）方法使用x和y作为参数，在 canvas 上创建上...
HTML5 & CSS3初学者指南(4) – Canvas使用
putimagedata（）方法有7个参数：imagedata 对象imagedata 对象左上角的x坐标imagedata对象左上角的y坐标放置图像的x坐标放置图像的y坐标绘制图像的宽度绘制图像的高度本系列 html5 css3 的知识介绍已经全部结束了，希望对学习 html5 css3 的朋友有所帮助...
CSS团队协作规范
不可直接 over write 或在原本框架的 class 增加内容classclass设计rwd网站，请遵循移动设备优先原则htmlcss手机开启网页很吃手机效能和网络状况，前端工程师一开始就以手机版为优先，可以让html一开始载入，使用最少的效能快速载入网页。 当开始制作桌面版时，只会少许跑版，做适当微调即可。 相反，如果先制作桌面...
CSS——loading动画
三根线条排版； 动画——颜色、线条长度渐变； 动画引入及执行方法； loading动画2动画2中则与动画1排版略有不同：在动画区域内，有四个圆点，然后重复的放大缩小以及匀速旋转。 因此步骤如下：建立块级区域； 四个原点排版（定位flex等方法）动画——缩放、旋转； 动画引入及执行方法； 二、 代码1. loading1html ...
HTML概要
html css javascript 的关系html是网页内容的载体。 内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 css样式是表现。 就像网页的外衣。 比如，标题字体、颜色变化，或为标题加入背景图片、边框等。 所有这些用来改变内容外观的东西称之为表现。 javascript是用来实现网页上的动态...
HTML基础
html基础----html基本知识与结构html常见标签标签写法与嵌套的讨论html、css、javascript三者的关系 html是网页内容的载体。 内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 css样式是表现。 就像网页的外衣。 比如，标题字体、颜色变化，或为标题加入背景图片、边框等。 所有这些...
Css学习手册之基本篇
几种css使用姿势主要有下面三个使用姿势，其中优先级为 c > b > aa.直接引入css文件b.在html中，直接写css:c.在标签中直接写css p { color: red} dd对于标签的样式定义，特别是在引入css文件时，发现一个标签可能多重命中方式，有通过id进行设置的，有class设置的，也有标签设置的，他们之间的优先级是:1...
用CSS画小猪佩奇
这里说的都是“类”，这也正是小猪佩奇的构图精髓，一种手绘风格，而不是标准刻板的线条。 在前端技术选型上，画图首先想到的是svg、canvas，但它们本身就擅长画图，而且网上都有在线编辑svg的工具，这就没意思了，我想佩奇也不会答应的。 于是我想用纯粹的css来做，这样更有挑战，因为画图画曲线不是css擅长的事情...
CSS常见兼容性问题总结
浏览器的兼容性问题，通常是因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况。 这里谈到的浏览器，主要指ie6ie7ie... firefox chrome opera safari 等。 但更多的兼容还是考虑ie6ie7ff之间的斗争先来谈谈csshack 我们为了让页面形成统一的效果，要针对不同的浏览器或不同版本写出对应可解析的...
网格系统 CSS Grid Layout
听闻w3cplus大漠在第三届css conf上的演讲主题是css grid layout，吓得我赶紧抛下红尘俗事闭门谢客苦心钻研，唯恐脚步太慢，遥望大漠一骑绝尘而扼腕叹息...上面的几个概念我们提炼下：线条，栏(竖直)，行(横向)，单元格，合并。 下面我们把这些概念对应到我们的网格系统? grid containers：首先我们要设置父元素...
网格系统 CSS Grid Layout
听闻w3cplus大漠在第三届css conf上的演讲主题是css grid layout，吓得我赶紧抛下红尘俗事闭门谢客苦心钻研，唯恐脚步太慢，遥望大漠一骑绝尘而扼腕叹息...上面的几个概念我们提炼下：线条，栏(竖直)，行(横向)，单元格，合并。 下面我们把这些概念对应到我们的网格系统? grid containers：首先我们要设置父元素...
没人看系列----css 随笔
css (cascading style sheets)层叠样式表引入方式1. 行内式行内式是在标签的style属性中设定css样式。 2. 嵌入式 嵌入式是将css样式集中写在网页的标签的标签对中。 div{ width:200px; height:100px; border:1px solid black; }p{ color:blue; font-size:14px; span{ color:black; font-weight:bold; 3.导入式 @...
「css基础」Transforms 属性在实际项目中如何应用？
创建基本的页面布局 首先我们先创建一个基本的布局，代码如下：html lorem ipsum dolor sit amet, consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim adminim veniam csshtml { font-size: 16px;}.box { width: 10rem; background-color:#e0e0e0; padding: 1...
「css基础」Transforms 属性在实际项目中如何应用？
创建基本的页面布局首先我们先创建一个基本的布局，代码如下：html部分 lorem ipsum dolor sit amet, consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim adminim veniam css部分html { font-size: 16px;}.box{ width: 10rem; background-color: #e0e0e0...
不可思议的纯CSS导航栏下划线跟随效果
所以我一直在想，有没有可能只使用 css 完成这个效果呢？ 定义需求我们定义一下简单的规则，要求如下：假设 html 结构如下：不可思议的css 导航栏 光标小下划线跟随 pure css nav underline导航栏目的li的宽度是不固定的当从导航的左侧li移向右侧li，下划线从左往右移动。 同理，当从导航的右侧li移向左侧li，下划线...
不可思议的纯CSS导航栏下划线跟随效果
所以我一直在想，有没有可能只使用 css 完成这个效果呢？ 定义需求我们定义一下简单的规则，要求如下：假设 html 结构如下：不可思议的css 导航栏 光标小下划线跟随 pure css nav underline导航栏目的li的宽度是不固定的当从导航的左侧li移向右侧li，下划线从左往右移动。 同理，当从导航的右侧li移向左侧li，下划线...
网格上如何使用CSS的等距按钮？(1 个回答)
以下是代码： jsfiddle在这里 html：options test button 1 test button 2 test button 3 test button 4 csscontainer { width: 100%; display: flex; flex-direction: column; padding: 0px; margin: 0px; .title { width: 100%; text-align: center; font-size: 18px; font-weight: bold; color: red; height: 30px...
html 边框变粗 margin -1px
最近刚开始学习web前端，html和css,对于遇到的边框变粗的问题，用margin为负值解决问题发表一些自己的理解首先我们来看看下面一张图片 ? list-style: none; border:1px solid black; width: 200px; line-height: 2em; text-align: center; 你会发现中间的线条特别的粗，这个问题该如何解决呢？ 这里就可以用margin -1...
06. Web大前端时代之：HTML5+CSS3入门系列~HTML5 画布（下）
扩 展 样 式线形属性linewidth设置线条粗细默认为1，为正数 var canvasobj = document.getelementbyid(canvasone); var context = canvasobj.getcontext(2d); for (var i = 1; i < 12; i++) {context.strokestyle = rgb(255,0,0); context.linewidth = i; context.beginpath(); context.moveto(i * 20, 0); context...
