随笔分类 -  HTML与css以及前端基础储备

上一页 1 2
h5相关知识分享
css定位position属性深究
摘要：1.static：对象遵循常规流。此时4个定位偏移属性不会被应用。 2.relative：对象遵循常规流，并且参照自身在常规流中的位置通过top，right，bottom，left这4个定位偏移属性进行偏移时不会影响常规流中的任何元素。 3.absolute：对象脱离常规流，此时偏移属性参照的是离自 阅读全文
posted @ 2018-02-26 10:58 鱼樱前端 阅读(202) 评论(0) 推荐(0)
常用css属性总结
摘要：边框修饰：border >top，bottom，left，right上下左右边框 分为：color，类型style{ groove，dashed，ridge，solid}一个值 >四个边 二个值 >上下 左右 三个值 >上 左右 下 四个值 >上 右 下 左(顺时针) 文本修饰： 1，文字修饰：fo 阅读全文
posted @ 2017-10-21 00:14 鱼樱前端 阅读(219) 评论(0) 推荐(0)
倒圆角艺术
摘要：倒圆角 阅读全文
posted @ 2017-09-15 20:19 鱼樱前端 阅读(189) 评论(0) 推荐(0)
伪类分类
摘要：常见的伪类： 阅读全文
posted @ 2017-09-15 20:14 鱼樱前端 阅读(219) 评论(0) 推荐(0)
h5新特性
摘要：HTML 5 Web 存储： localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。在 HTML5 中，数据不是 阅读全文
posted @ 2017-09-11 00:04 鱼樱前端 阅读(280) 评论(0) 推荐(0)
CSS3新特性
摘要：CSS3 边框： border-radius（倒圆角）box-shadow （盒子阴影）border-image （边界图片） CSS3 背景： background-size（属性规定背景图片的尺寸。）background-origin（属性规定背景图片的定位区域。背景图片可以放置于 conten 阅读全文
posted @ 2017-09-10 23:43 鱼樱前端 阅读(192) 评论(0) 推荐(0)
@import与link方式的区别
摘要：1. 老祖宗的差别。link属于XHTML标签，而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。 2. 加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），l 阅读全文
posted @ 2017-09-06 17:35 鱼樱前端 阅读(185) 评论(0) 推荐(0)
css基础总结
摘要：CSS的4种引入方式是：行内样式、内嵌样式、链接样式、导入样式 CSS有三大特性，分别是继承性，层叠性，优先级。 继承性是指指被包在内部的标签将拥有外部标签的样式性，即子元素可以继承父元素的属性 例如下面的代码，div中包含2个p标签，1个span标签，当给div设置字体颜色为红色时，他的子标签会继 阅读全文
posted @ 2017-09-06 17:31 鱼樱前端 阅读(285) 评论(0) 推荐(0)
页面布局模块的常用规范命名
摘要：1.骆驼命名法:第一个字母要小写，后面的词的第一个字母就要用大写.如：#headerBlock 2.帕斯卡命名法:首字母要大写. 如：#HeaderBlock 3.匈牙利命名法:在名称前面加上一个或多个小写字母作为前缀. 如：#head_navigation头：header 内容：content/c 阅读全文
posted @ 2017-09-06 17:03 鱼樱前端 阅读(248) 评论(0) 推荐(0)
HTML标签的分类
摘要：html中的标签元素大体被分为三种不同的类型：块状元素、内联元素和内联块状元素。常用的块状元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有：<a>、<span>、<br>、< 阅读全文
posted @ 2017-09-06 16:48 鱼樱前端 阅读(269) 评论(0) 推荐(0)
HTML5 浏览器支持
摘要：现代的浏览器都支持 HTML5。 此外，所有浏览器，包括旧的和最新的，对无法识别的元素会作为内联元素自动处理。 让旧版本的浏览器正确显示这些元素，你可以设置 CSS 的 display 属性值为 ： HTML5的新的元素兼容：html5shiv.js 引用代码必须放在 <head> 元素中，因为 I 阅读全文
posted @ 2017-09-05 15:43 鱼樱前端 阅读(353) 评论(0) 推荐(0)
弹窗功能
摘要：弹窗 111111 11111 11111 11111 11111 11111 11111 11111 1111... 阅读全文
posted @ 2017-09-04 20:38 鱼樱前端 阅读(250) 评论(0) 推荐(0)
布局二：左边固定右边自适应
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>左边固定右边自适应</title> <style type="text/css"> .out{ width: 90%; margin: 0 auto; height: 300px; 阅读全文
posted @ 2017-07-13 13:49 鱼樱前端 阅读(157) 评论(0) 推荐(0)
css 定位功能position
摘要：Static 定位 HTML元素的默认值，即没有定位，元素出现在正常的流中。静态定位的元素不会受到top, bottom, left, right影响。 相对定位Relative相对定位元素的定位是相对其正常位置。相对定位三要素：占位：保留参考坐标轴原点：以自身为准，横向/纵向偏移z值：非0整数 如 阅读全文
posted @ 2017-07-13 13:35 鱼樱前端 阅读(155) 评论(0) 推荐(0)
盒子自带属性
摘要：<style type="text/css"> *{ /*重置盒子的自带属性值*/ margin: 0; padding: 0; } h1,p{ background: yellow; } span,i{ /*盒子属性失效 对行标签*/ background: red; height: 100px; 阅读全文
posted @ 2017-07-13 12:20 鱼樱前端 阅读(184) 评论(0) 推荐(0)
CSS盒子模型
摘要：CSS盒子模型 【重点】一个标签相当于一个盒子盒子各种属性width宽height高 Margin边界 外边界Padding填充 内边距Border边框 书写：padding : 40px 60px 30px 20px; 上 右 下 左padding : 40px 40px 30px; 上 左右 下 阅读全文
posted @ 2017-07-13 11:34 鱼樱前端 阅读(216) 评论(0) 推荐(0)
CSS属性定义 文本修饰 边框效果 背景修饰
摘要：一、CSS属性定义1、css颜色表示方法【重点】rgb（红绿蓝3个颜色通道 强度值为0-255）rgb（0,0,0）rgba（alpha a是透明度 值为0-1）rgba（123,123,123,0） hslhsla（h:色相，色环上（ppt78页）的角度值，0-360 s:饱和度，0—100% l 阅读全文
posted @ 2017-07-12 23:52 鱼樱前端 阅读(2506) 评论(0) 推荐(0)
css以及选择器基础
摘要：CSS样式基础了解1.css基础语法CSS样式的出现是为了将内容和表现分离极大的提高了工作效率内联样式（在 HTML 元素内部）<p style="margin-left: 10px；margin-right:10px"></p><标签名 style="属性:属性值;属性:属性值;" 属性="属性值 阅读全文
posted @ 2017-07-12 23:44 鱼樱前端 阅读(227) 评论(0) 推荐(0)
HTML基础
摘要：一、图像 <img />标签的属性<img src="图片路径URL"/ height="高度" width="宽度" alt="图片说明" title/>图像可以是GIF，PNG，JPEG，JPG，webp格式的图像文件jpg jpeg格式兼容性好webp格式Google推出的 主流浏览器不兼容s 阅读全文
posted @ 2017-07-12 22:12 鱼樱前端 阅读(164) 评论(0) 推荐(0)

上一页 1 2