2018年03月_￥诸葛村夫￥

06月 05月 04月 03月 02月 01月

原创 CSS样式---电商案例之页面头部样式

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/1-home.css" /> <title>home</title>

2018-03-26 21:13:48 2865

原创 input标签案例：账户登录页面

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>input标签账号登录案例学习</title> <style> .line{ margin-top: 20px; width: 161px;

2018-03-26 12:43:51 2660

原创 input标签不同的type属性值：password、text、checkbox、button、radio

input标签用于搜集用户信息根据不同的type属性值，输入字段拥有很多形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 type属性： button:定义可点击的按钮 checkbox：定义复选框 file：定义输入字段和“浏览”按钮 hidden：定义隐藏的输入字段。 image:定义图像形式的提交按钮。 p...

2018-03-26 12:01:45 4295

原创 CSS复杂表格的设计

一方法： 二、代码：<!DOCTYPE html><html> <!--1、先制作表格用tr th和tr td 2、若要建立叠加的表格，必须建立一个盒子通过...

2018-03-25 18:07:43 4151

原创前端：响应式布局的原理的学习

前端响应式布局原理重点学习 1、min-width样式 2、max-width样式 3、媒体查询---通过不同的媒体类型和条件定义样式规则格式：@media screen and (min-width:800px){} 4、条件的格式写法响应式布局就是根据屏幕的大小盒子也作出响应的变化方便用户在不同的媒体上都有良好的交互体验@charset "utf-8";...

2018-03-25 16:24:49 1219

原创动画制作案例：斜切和缩放用到斜切Skew() 和缩放scale()两个CSS元素

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>动画制作之平移案例</title> <!--学习四个样式 1、伪类：nth-of-type(n) 2、transform的四种样式使用 3、transitio

2018-03-25 15:41:23 1023

原创声明

本人写博客不是为了给他人看的主要目的是自己的学习心得保存起来供日后编程参考，质量不是太好，主要服务于自己，因此我看懂就行。请不要喷，谢谢合作。 ...

2018-03-25 10:20:01 112

原创动画制作之旋转案例：平移transform;过度样式transition;透明度opacity;旋转：rotate(）

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>动画制作之平移案例</title> <!--学习四个样式 1、伪类：nth-of-type(n) 2、transform的四种样式使用 3、transition样式的使用

2018-03-25 10:16:06 4299

原创 Transition样式的学习

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Transition样式的学习</title>  <!--porperty属性，durat

2018-03-25 09:25:58 389

原创动画制作之平移案例：包含伪类nth-of-type(),平移transform,过度样式：transition透明度opicity;

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>动画制作之平移案例</title> <!--学习四个样式 1、伪类：nth-of-type(n) 2、transform的四种样式使用 3、transitio

2018-03-25 09:22:18 701 1

原创 transform样式的学习包含四个属性：translate平移，rotate旋转，scale缩放，skew斜切

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>transform样式的使用</title>  &am

2018-03-24 11:51:00 3093

原创接上一篇，关于伪元素案例的更新，加入了弹窗的CSS

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>导航</title> <style> /*body样式的作用就是将默认的样式个清除掉*/ body{ padding: 0; margin: 0 aut

2018-03-23 18:44:33 275

原创接上一篇的改进版，加入一个三角形。增加了多个伪元素的一块调用的方法

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>导航</title> <style> /*body样式的作用就是将默认的样式个清除掉*/ body{ padding: 0; margin: 0 aut

2018-03-23 16:17:24 290

原创伪类元素创建一个导航的案例：::before :hover::before的用法为重点

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>导航</title> <style> body{ padding: 0; margin: 0 auto; font-size: 12px; }/*

2018-03-23 15:46:09 2313

原创伪元素学习包含::before、::after的用法

<!-- 伪元素的学习(伪类元素就是页面代码不会出现伪类元素)1、::before before和after主要是配合content属性使用的2、::after3、css content样式 content用来定义插入内容必须有值至少是空默认情况下伪元素的display的默认值是inline可以通过设置display:block来改变其显示。通过attr()调用当前元素的属性通过url()...

2018-03-22 19:08:47 5708

原创伪类的其他标签：first-letter,first-line、::selection、nth-child

<!DOCTYPE html><html><head> <title>其他伪类</title> <style type=&quot

2018-03-22 17:53:09 488

原创伪类学习-first-child在案例中的应用

<!DOCTYPE html><html><head> <title>First-child在实际案例中的应用</title><style type="text/css"> ul{ width: 904px; height: 46

2018-03-22 17:16:50 221

原创伪类的学习first-child标签的三种用法

<!DOCTYPE html><html><head> <title>伪类的学习first-child标签</title> <style type="text/css"> /* p{ font-size: 16px; color: #000

2018-03-22 16:31:21 2003

原创伪类的学习--a标签（超链接）的伪类link，visited,hover,active

<!DOCTYPE html><html><head> <title>伪类的学习</title> <style type=&quo

2018-03-22 16:14:18 977

原创网站的导航设计CSS+Html学习

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="CSS/style.css"/> <title>网站案例分析&a

2018-03-20 08:54:20 762

原创 CSS样式包含鼠标指针的改变，和圆角边框的设计

<!DOCTYPE html><html> <head> <meta charset="{CHARSET}"> <title>CSS的其他样式学习</title> <style> .box{ width: 500px; height: 300px; background-col

2018-03-19 18:37:42 463

原创 css的三种定位relative,absolate, fixed,相对定位，绝对定位，固定定位，嵌套定位

<!DOCTYPE html><html> <head> <meta charset="{CHARSET}"> <title>网页布模型的学习</title>  <!--层模型的三种定位 1、绝对定位：p

2018-03-19 18:09:02 2419

原创边框与边距的一些学习

<!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><meta h

2018-03-18 12:24:15 428

原创 DIV标签的命名和一些规则

<!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><meta h

2018-03-18 12:23:11 4589

原创一些前端标签的学习

<!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><meta h

2018-03-16 00:06:47 303

一个网站的前端设计

用了CSS,HTML，PhotoShop,和HBuilder等技术和软件工具适合初学者。里面注释很多，初学者可以轻易理解

2018-03-22

python视频资源教程包含python运维，基础、进阶、一些项目

一些关于python 的技术，包含python基础、进阶、项目，价值很高的一些资源，希望大家多多赏脸。百度云盘

2018-01-27

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人