• Python学习笔记整理总结【web基础】【web/HTML/CSS/JavaScript/DOM/jQuery】

    时间:2023-11-15 18:36:39

    一、HTMLHTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记)。相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标记语言的规则去解释它。浏览器负责将标签翻译成用户“看得懂”的格式,呈现给用户!(例:dj...

  • 图形 - bootStrap4常用CSS笔记

    时间:2023-11-12 16:07:05

    .rounded图片显示圆角效果.rounded-circle设置椭圆形图片.img-thumbnail设置图片缩略图(图片有边框).img-fluid响应式图片.float-right图片右对齐.float-left图片左对齐

  • HTML5与CSS3基础教程第八版学习笔记7~10章

    时间:2023-10-23 15:36:02

    第七章,CSS构造块CSS里有控制基本格式的属性(font-size,color),有控制布局的属性(position,float),还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性,可以用于创建下来列表和其他交互性组件。构造样式规则样式表中的每条规则都有两个...

  • HTML5与CSS3基础教程第八版学习笔记16-21章

    时间:2023-10-23 15:35:26

    第十六章,表单HTML5引入了新的表单元素、输入类型和属性,以及内置的对必填字段、电子邮件地址、URL以及定制模式验证。元素:<input type="email">     ----     电子邮件框<input type="search">     ----     搜...

  • HTML5和CSS3基础教程(第8版)-读书笔记(3)

    时间:2023-10-23 15:35:08

    第11章 用CSS 进行布局网站设计主要有两大类型:固定宽度和响应式。对于固定(fixed)布局,整个页面和每一栏都有基于像素的宽度。顾名思义,无论是使用移动电话和平板电脑等较小的设备查看页面,还是使用桌面浏览器并对窗口进行缩小,它的宽度都不会改变。响应式 页面也称为 流式(fluid 或liqui...

  • [CSS3] 学习笔记--CSS盒子模型

    时间:2023-10-03 23:08:50

    1、CSS盒子模型概述盒子模型的内容范围包括:margin(外边距)、border(边框)、padding(内边距)、content(内容)部分组成。2、内边距内边距在content外,border内,属性有5个:padding:设置所有边距padding-bottom:设置底边距padding-l...

  • [CSS3] 学习笔记-CSS3选择器详解(一)

    时间:2023-10-03 23:08:44

    1、属性选择器在CSS3中,追加了3个属性选择器,分别为:[att*=val]、[att^=val]和[att$=val],使得属性选择器有了通配符的概念。 <!doctype html> <html> <head> <meta charset="u...

  • CSS笔记(十五)CSS3之用户界面

    时间:2023-09-21 19:39:44

    参考:http://www.w3school.com.cn/css3/css3_user_interface.asp在 CSS3 中,新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等。新的用户界面属性下面的表格列出了所有的转换属性:属性描述CSSappearance允许您将元素设置为标准用户界面元...

  • 《CSS世界》读书笔记(五) --height:100%

    时间:2023-09-01 20:14:02

    <!-- 《CSS世界》 张鑫旭著 -->相对简单而单纯的height:autoheight:auto比width:auto简单的多,原因在于:CSS默认流是水平方向的,宽度是稀缺的,高度是无限的。因此,宽度的分配规则比较复杂,高度就显得随意的多。此外,height:auto也有外部尺寸...

  • css+div盒模型研究笔记

    时间:2023-08-26 10:55:02

    红色标记的为默认值1、border(边框):border-top,border-bottom,border-left,border-right1.border-color(边框颜色);2.border-width(边框粗细):medium|thin|thick|数值;3.border-style(边...

  • JQuery学习笔记【CSS选择符】--02

    时间:2023-08-22 10:19:44

    Jquery的程序入口:<html> <head> <title></title> <script type="text/javascript“ src="JQuery.js"></sc...

  • 学习CSS 笔记

    时间:2023-08-07 13:06:56

    1.动态修改div的大小Html:<div> Hello</div>css:div { resize:both; overflow:auto; }2. box-sizing 决定width、height 与padding、border的关系(1). 默认情况下,box-...

  • HTML5与CSS3基础教程第八版学习笔记11~15章

    时间:2023-07-14 15:30:50

    第十一章,用CSS进行布局开始布局注意事项1、内容与显示分离2、布局方法:固定宽度和响应式布局固定宽度,整个页面和每一栏都有基于像素的宽度响应式布局也称为流式页面,使用百分数定义宽度3、浏览器问题注:HTML5 shiv 是少有的必须在head中加载JavaScript的情况之一,否则就不起作用。关...

  • HTML5与CSS3基础教程第八版学习笔记1~6章

    时间:2023-07-14 15:31:14

    第一章,网页的构造块网页主要包括三个部分:1、文本内容(纯文字)2、对其他文件的引用:图像,音频,视频,样式表文件,js文件3、标记:对文本内容进行描述并确保引用正确地工作注:所有这些成分都仅由文本构成基本HTML页面HTML使用< ,> 包围HTML标签。开始标签(如<head&...

  • 【CSS Cookbook】笔记摘要(一)

    时间:2023-06-24 13:29:08

    概要CSS的优点:将表现和内容相分离;更好地控制页面布局;大大减少了文件尺寸;缩短了改版时间;提高了易用性。CSS全称层叠式样表(Cascading Style Sheets)。1.问题:如何最有效地使用类选择符和ID选择符?回答:但要在文档中多次引用同一个样式时可以使用类选择符,如果样式只使用一次...

  • HTML+CSS笔记 CSS进阶再续

    时间:2023-06-03 22:17:37

    CSS的布局模型清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就...

  • HTML+CSS笔记 CSS中级 缩写入门

    时间:2023-06-03 22:01:29

    盒子模型代码简写回忆盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。语法:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常...

  • HTML+CSS笔记 CSS进阶续集

    时间:2023-06-03 21:58:30

    元素分类在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<...

  • 十天精通CSS3学习笔记 part1

    时间:2023-04-23 23:18:20

    http://www.imooc.com/learn/33第1章 初识CSS3什么是CSS3?CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了...

  • HTML+CSS学习笔记 (7) - CSS样式基本知识

    时间:2023-04-23 23:18:44

    HTML+CSS学习笔记 (7) - CSS样式基本知识内联式css样式,直接写在现有的HTML标签中CSS样式可以写在哪些地方呢?从CSS样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:<p ...