zl程序教程

Web开发之CSS

  • 手把手带你使用webpack4构建一个Vue开发编译环境,并实现代码分割,css代码分离

    手把手带你使用webpack4构建一个Vue开发编译环境,并实现代码分割,css代码分离

    前言本篇文章不会细致讲webpack生产编译方面的优化操作,主要点是为了区分开发与生产环境的区别,代码分割分离的操作,所以不建议各位使用本篇文章内配置内容去进行生产编译,生产编译其它优化细节请各位自行另加配置,当然本篇文章配置也不是不能用作生产配置,只是给各位一个建议~正文 所需环境开始之前,请各位给自己电脑安装一下Nodejs,具体安装方法这里我就不做讲解了,各位可以移步Node官网查看文档然后

    日期 2023-06-12 10:48:40     
  • web前端设计与开发期末作品: 服装主题网页设计——女装下拉菜单带特效 (11页) HTML+CSS+JavaScript 网页设计期末作业个人主页…[通俗易懂]

    web前端设计与开发期末作品: 服装主题网页设计——女装下拉菜单带特效 (11页) HTML+CSS+JavaScript 网页设计期末作业个人主页…[通俗易懂]

    大家好,又见面了,我是你们的朋友全栈君。 常见网页设计作业题材有 ​​个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他​​ 等网页设计题目, ​​A+水平作业​​, 可满足大学生网页大作

    日期 2023-06-12 10:48:40     
  • Web前端开发CSS笔记

    Web前端开发CSS笔记

    CSS 层叠样式CSS引用:直接引用 直接在HTML标签的后面加上style类型声明即可,多个类型请用分号隔开.<body> <p style="color: red"> hello lyshark </p> <div style="color: yellow ; background: red"> hel

    日期 2023-06-12 10:48:40     
  • 【原】[webkit移动开发笔记]之CSS3径向渐变

    【原】[webkit移动开发笔记]之CSS3径向渐变

    谈到渐变,大家并不陌生,设计稿中经常会遇到,其中最常见的也最平凡使用的是线性渐变和径向渐变,在pc端开发,很多大型网站都需要考虑所有浏览器的兼容,通常如渐变的按钮或者背景图一般会被重构师们切成图片,而在移动开发中如果使用图片是很占流量,能不用图片尽量不使用,那么,CSS3来实现无图的渐变效果是首选的。 本文以移动开发中遇到的一个径向渐变例子,讲解CSS3径向渐变在项目中的应用和以及需要注意的

    日期 2023-06-12 10:48:40     
  • 【原】webapp开发中兼容Android4.0以下版本的css hack

    【原】webapp开发中兼容Android4.0以下版本的css hack

    话说现在的手机型号越来越多,主要还是android和ios这2个巨头称霸了江湖,而他们自带的浏览器内核是webkit,那对于做移动网页开发的同事来说,一般只要做好webkit内核浏览器的展现效果就行了,看起来很简单,其实背后还有一个大坑等着你。 虽说是webkit内核,但页面的展现效果还会受到自身系统的影响,升级后的系统打了补丁,新增了新的属性,支持更多丰富炫丽的效果,那么旧的系统(未升级的)就

    日期 2023-06-12 10:48:40     
  • Web开发之CSS

    Web开发之CSS

    Web开发,除了后台开发和数据开发,很大一块是前端开发。前端开发中使用最大的技 术是:HTML(现在也有项目开始使用HTML5了,比如沪江英语的听力曲线使用html5 canvas绘制的),CSS(这个也有一个新版本,CSS3.0。很多应用出现圆角效果,估计都使用到了3.0的新特性),Javascript(其实 这个也有版本的哦!盛大的权一大师就在研究ECMAScript5了),一个ja

    日期 2023-06-12 10:48:40     
  • Web 开发中 20 个很有用的 CSS 库 - WEB开发者

    Web 开发中 20 个很有用的 CSS 库 - WEB开发者

    来源:http://www.admin10000.com/document/4550.html#jtss-hi

    日期 2023-06-12 10:48:40     
  • Web前端开发CSS笔记

    Web前端开发CSS笔记

    CSS 层叠样式 CSS引用:直接引用 直接在HTML标签的后面加上style类型声明即可,多个类型请用分号隔开. <body> <p style="color: red"> hello lyshark </p> <div style="color: yel

    日期 2023-06-12 10:48:40     
  • iOS Web应用开发:运用HTML5、CSS3与JavaScript

    iOS Web应用开发:运用HTML5、CSS3与JavaScript

    《iOS Web应用开发:运用HTML5、CSS3与JavaScript》 基本信息 原书名:Pro iOS web design and development:HTML5, CSS3, and javaScript with safari 作者: (美)Andrea Picchi 译者: 罗晴明 丛书名: 图灵程序设计丛书 出版社:人民邮电出版社 ISBN:9787115323217 上架时

    日期 2023-06-12 10:48:40     
  • [CSS3]移动Web开发系列之CSS3增强型选择器

    [CSS3]移动Web开发系列之CSS3增强型选择器

    css3是移动Web开发的主要技术之中的一个。当前。CSS3技术最适合在移动Web开发中使用的特性有增强的选择器、阴影、强大的背景设置 、圆角边框 接下来我们主要解说增强型的选择器。主要分两种,属性选择器和伪类选择器 1、属性选择器 1.1全然匹配选择器 语法:[attribute=value] <span style="font-family:Microsoft YaHei;"&g

    日期 2023-06-12 10:48:40     
  • WEB开发基础(CSS篇)

    WEB开发基础(CSS篇)

    CSS的介绍 Cascading Style Sheet 层叠样式表 用途:它用来控制网页样式,并允许样式代码与网页内容分离的一种标记语言 简单地说:css的引入就是为了使得HTML语言能够更好地适应页面的美工设计   为什么要用CSS 哈坤·利 伯特·波斯 css2.1   css3 支持好(IE8及以下不支持) # 未使用CSS样式的情况下:

    日期 2023-06-12 10:48:40     
  • web开发规范 - css书写规范

    web开发规范 - css书写规范

    基本原则 CSS样式可细分为3类:自定义样式、重新定义HTML样式、链接状态样式。 样式为设计师自定义的新 CSS 样式,影响被使用本样式的区域,用于完成网页中局部的样式设定。

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——第一部分 HTML进阶第01章 HTML基础知识1.1 HTML和CSS进阶简介

    《Web前端开发精品课 HTML与CSS进阶教程》——第一部分 HTML进阶第01章 HTML基础知识1.1 HTML和CSS进阶简介

    本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第1章,第1.1节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 第一部分 HTML进阶 第01章 HTML基础知识 1.1 HTML和CSS进阶简介 1.1.1 你真的精通HTML和CSS吗我们都知道,前端技术最核心的三大技术是HTML、CSS和JavaScript。HTML定义网页的结

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——1.2 HTML、XHTML和HTML5

    《Web前端开发精品课 HTML与CSS进阶教程》——1.2 HTML、XHTML和HTML5

    本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第1章,第1.2节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.2 HTML、XHTML和HTML5 很多新手往往分不清HTML、XHTML和HTML5,这一节给大家详细讲解一下这三者的关系和区别。 1.2.1 HTML和XHTMLHTML,全称HyperText Mark-up La

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——1.3 div和span

    《Web前端开发精品课 HTML与CSS进阶教程》——1.3 div和span

    本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第1章,第1.3节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.3 div和span 对于div和span这两个元素,不少新手也不知道它们之间有什么区别,使用起来也很随便。因此,这里有必要简单介绍一下。 div和span没有任何语义,正是因为没有语义,这两个标签一般都是配合CSS来定义

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——1.4 id和class

    《Web前端开发精品课 HTML与CSS进阶教程》——1.4 id和class

    本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第1章,第1.4节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.4 id和class id和class是HTML元素中两个最基本的公共属性。一般情况下,id和class都用来选择元素,以便进行CSS操作或者JavaScript操作。但是很多新手对id和class这两个属性感到很迷茫,不知

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——1.5 浏览器标题栏小图标

    《Web前端开发精品课 HTML与CSS进阶教程》——1.5 浏览器标题栏小图标

    本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第1章,第1.5节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.5 浏览器标题栏小图标 在浏览网页的时候,我们会发现几乎所有网站的页面在浏览器标题栏前面都会有一个小图标,如图1-3所示。 图像198833.PNG图1-3 浏览器标题栏小图标 想要实现这个效果,我们只需要在he

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——第02章 语义化2.1 语义化简介

    《Web前端开发精品课 HTML与CSS进阶教程》——第02章 语义化2.1 语义化简介

    本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第2章,第2.1节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 第02章 语义化 2.1 语义化简介 由于HTML简单,很多初学者对它存在一种偏见,觉得它没多少东西,因此在学习的过程中随便对待。其实,学习HTML的重点不在于掌握了多少标签,而是在于掌握标签的语义以及如何编写一个语义结构良好

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——2.2 标题语义化

    《Web前端开发精品课 HTML与CSS进阶教程》——2.2 标题语义化

    本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第2章,第2.2节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.2 标题语义化 h1~h6是标题标签,h表示“header”。h1~h6在HTML语义化中占有极其重要的地位。h1~h6按照标题的重要性依次递减,其中h1重要性最高,h6重要性最低。 相对于其他语义化标签,h1~h6在搜索

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——2.3 图片语义化

    《Web前端开发精品课 HTML与CSS进阶教程》——2.3 图片语义化

    本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第2章,第2.3节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.3 图片语义化 在HTML中,我们使用img标签来表示图片。对于图片的语义化,我们从以下两个方面来深入探讨一下。 (1)alt属性和title属性。 (2)figure元素和figcaption元素。 2.3.1 al

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——2.4 表格语义化

    《Web前端开发精品课 HTML与CSS进阶教程》——2.4 表格语义化

    本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第2章,第2.4节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.4 表格语义化 不少初学者看了《Web前端开发精品课HTML和CSS基础教程》(本书的姊妹篇)跑来问:“不是说表格布局已经被抛弃了吗?为什么还要在书里讲解表格呢?这不是多此一举吗?”其实不然,在实际开发中,我们不建议使用表格

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——2.5 表单语义化

    《Web前端开发精品课 HTML与CSS进阶教程》——2.5 表单语义化

    本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第2章,第2.5节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.5 表单语义化 表单跟表格,这是两个完全不一样的概念,不过还是有不少初学者傻傻分不清。对于表单语义化,我们从2个方面来探究一下。 (1)label标签。 (2)fieldset标签和legend标签。 对于图2-8所示

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——2.6 其他语义化

    《Web前端开发精品课 HTML与CSS进阶教程》——2.6 其他语义化

    本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第2章,第2.6节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.6 其他语义化 2.6.1 换行符 br / 很多新手会使用 br / 标签来换行,或者使用多个 br / 标签来实现元素之间的上下间距。 举例1: div span 标题 /span br/ br/ sp

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——2.7 语义化验证

    《Web前端开发精品课 HTML与CSS进阶教程》——2.7 语义化验证

    本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第2章,第2.7节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.7 语义化验证 前面这几节,我们介绍了页面语义化需要注意的各个地方。那么平常有什么好的办法来判断一个页面是否语义良好呢?一个很简单的办法就是:去掉CSS样式,然后看页面是否还具有很好的可读性。 我们都知道,很多HTML标签

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——2.8 HTML5舍弃的标签

    《Web前端开发精品课 HTML与CSS进阶教程》——2.8 HTML5舍弃的标签

    本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第2章,第2.8节,作者: 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.8 HTML5舍弃的标签 在HTML5中,除了新增标签之外,也有不少标签被舍弃了,如表2-2和表2-3所示。为了实现页面的语义化,我们在实际开发中不应该再去使用这些标签。因此了解哪些标签已经被舍弃是非常有必要的。 对于这些

    日期 2023-06-12 10:48:40     
  • 《Web前端开发精品课 HTML与CSS进阶教程》——导读

    《Web前端开发精品课 HTML与CSS进阶教程》——导读

    近年来,Web前端技术飞速发展,作用也日趋重要。在Web前端技术中,HTML和CSS是最基础的知识。当前市面上同类书籍很多,但大部分都是介绍基础性的HTML标签和CSS属性,缺乏一本真正体现前端开发水平的书籍。 https://yqfile.alicdn.com/8b58180b51ebf8f224aaa9bbb0a74208a50d64a5.png" 前言近年来,Web前端技术飞速发展,

    日期 2023-06-12 10:48:40     
  • 《高性能响应式Web开发实战》一2.2 CSS像素

    《高性能响应式Web开发实战》一2.2 CSS像素

    本节书摘来异步社区《高性能响应式Web开发实战》一书中的第2章,第2.2节,作者: 李光毅 责编: 杨海玲,更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.2 CSS像素 上一节讲的像素密度和Web开发有什么关系?在我们编写样式代码时,常会用到另一个像素单位px。为了和设备像素区分开,我们把它称为CSS像素。如果说设备像素给我们的印象是机械的、固定的、物理的,那么CSS像素将会是灵活

    日期 2023-06-12 10:48:40     
  • 【JavaEE】进入Web开发的世界-CSS

    【JavaEE】进入Web开发的世界-CSS

    目录 一、CSS的基本规则 二、HTML中如何引入CSS规则(html资源如何和css资源产生联系) 三、选择器(selector)规则 3.1各种选择器 3.2普通选择器使用 3.3选择器之间的优先级规则(即覆盖规则) 3.4进一步的选择器规则 3.5伪类选择器 四、CSS的常见属

    日期 2023-06-12 10:48:40