zl程序教程

CSS学习笔记

  • CSS学习笔记:表格样式,图片样式【7/27】

    CSS学习笔记:表格样式,图片样式【7/27】

    表格标题位置语法:caption-side:取值;默认情况下,表格标题是在表格的顶部,属性为:top,如果想把标题放在底部,属性为:bottom。如果想要定义表格标题的位置,在table或caption这两个元素的CSS中定义caption-side属性,效果是一样的,一般情况,我们只在table中定义就行。表格边框合并语法:border-collapse:取值;属性值说明separate边框分开

    日期 2023-06-12 10:48:40     
  • CSS学习笔记:边框样式,列表符号【7/27】

    CSS学习笔记:边框样式,列表符号【7/27】

    边框样式border-widthborder-width用于定义边框的宽度,通常是一个像素值。border-styleborder-style用于定义边框的风格,通常有三种:属性说明none无样式dashed虚线solid实线除了上表列出这几个,还有hidden、dotted、double等取值。不过其他取值几乎用不上,可以直接忽略。border-colorborder-color属性用于定义边框

    日期 2023-06-12 10:48:40     
  • CSS学习笔记1

    CSS学习笔记1

    CSS技术: 1.简介:他是层叠样式表。Cascading stytle sheet,他的作用是增强网页的显示效果。 目的:使用CSS让网页内容和样式分离,便于网站代码后续的维护。 书写规范: 选择器[属性1: 值1; 属性2: 值2; ] 2.CSS样式的引入方式 CSS不能单独使用,必须和html网页配合使用,引入css有四种方式:链入式、行内式、内嵌式、导入式。 1.行内式:直

    日期 2023-06-12 10:48:40     
  • HTML/CSS/JavaScript学习笔记持续更新详解编程语言

    HTML/CSS/JavaScript学习笔记持续更新详解编程语言

    1 font size="3" color="red" This is some text! /font 2 font size="2" color="blue" This is some text! /font 3 font face="verdana" color="green" This is some text! /font HTML 与 XHTML 之间的差异 在 HTML

    日期 2023-06-12 10:48:40     
  • Css学习笔记详解编程语言

    Css学习笔记详解编程语言

    一、CSS 概述(了解) *.CSS : Cascading Style Sheet 层叠样式表 *.CSS 作用就是给HTML页面标签添加各种样式 *.为什么用CSS HTML的缺陷: 1. 不能够适应多种设备 2. 要求浏览器必须智能化足够庞大 3. 数据和显示没有分开 4. 功能不够强大 CSS 优点: 1.使数据和显示分开 2.降低网络流量 3.使整个网站视觉效果一致 4.使开发效率提高了

    日期 2023-06-12 10:48:40     
  • CSS学习笔记10 相对定位,绝对定位与固定定位详解编程语言

    CSS学习笔记10 相对定位,绝对定位与固定定位详解编程语言

    文档流中的元素的位置由元素在 (X)HTML 中的位置决定,这就是最原始的普通流,前面讲到的浮动CSS学习笔记08 浮动可以改变元素在文档流中的位置,除了这个我们还可以通过使用CSS的position 属性,来重新决定元素在文档流中的位置。 position 属性值 static:默认的文档流的布局的方式,块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素

    日期 2023-06-12 10:48:40     
  • CSS学习笔记08 浮动详解编程语言

    CSS学习笔记08 浮动详解编程语言

    从CSS学习笔记05 display属性一文中,我们知道div是块元素,会独占一行,即使div的宽度很小,像下面这样 应用display属性的inline属性可以让div与div共享一行,除了这种方法外,还有没有其他方法可以实现这种效果呢,答案是肯定的,那就是下面要介绍的CSS的浮动特性,浮动从字面意思上来看,就是浮起来,动起来,那么是谁浮起来,又是谁动起来呢?往下看,很快就会知道答案了。

    日期 2023-06-12 10:48:40     
  • CSS学习笔记06 简单理解line-height详解编程语言

    CSS学习笔记06 简单理解line-height详解编程语言

    在制作页面的时候,经常会遇到文本图片需要居中的情况,这时候,只要设置下文本的line-height属性等于包裹该文本的元素的高度即可让文本居中显示了,先来看看这个现象。 1 !DOCTYPE html 2 html lang="en" 3 head 4 meta charset="UTF-8" 5 title 行高 /title 6 style type="tex

    日期 2023-06-12 10:48:40     
  • CSS学习笔记01 CSS简介详解编程语言

    CSS学习笔记01 CSS简介详解编程语言

    1、CSS定义 CSS 指层叠样式表 (Cascading Style Sheets),是一种样式表语言,用来描述 HTML 或 XML(包括如 SVG、XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。 2、为何使用CSS 网页是由HTML标签组成的,那么这些标签会根据浏览器的默认方式进行排版与样式的渲染,如果想要更改

    日期 2023-06-12 10:48:40     
  • Class与ID区别margin和padding区别CSS学习笔记

    Class与ID区别margin和padding区别CSS学习笔记

    由于现在百分之99.99%的CMS都是用div+css来构建网页模板的,被逼无奈,一大把年纪了还要学习CSS,说实话没觉得用div来布局比table好在什么地方!但迫于行势,先硬着头皮看吧,能学多少是多少。根据数据与结构分离的原则,CSS最好要独立于网页文件,用复制代码代码如下:<link rel="stylesheet" type="text/css" href="../xxx/web.

    日期 2023-06-12 10:48:40     
  • HTML5 + CSS3 标签学习笔记(二)

    HTML5 + CSS3 标签学习笔记(二)

    HTML基本标签学习 常见标签学习基本标签字体标签特殊标签 标签使用演示标题标签段落标签换行标签水平线标签字体样式标签特殊符号 图像标签概念补充 常见标签学习 基本标签 基本标签

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