[19/06/09-星期日] CSS基础_示例

一.图片格式&Hack(尽量不要使用) IE6对图片png-24的透明效果不支持,IE6中背景会发灰,可以使用png-8来代替.但是使用png-8代替之后清晰度会有所下降. 使用js来解决该问题,但是需要引入一个外部的js文件. 有些代码只需要在指定浏览器中(主要指IE)执行,可以使用CSS Hack 来解决. 条件Hack,如 只对IE浏览器有效,其他的浏览器会把它当成注释. IE10以下的支持这种模式. 在样…

[19/06/05-星期三] CSS基础_样式表的位置(内联、内部、外部样式)、块元素(div)、内联元素(span)、常用的选择器

一.概念 CSS(Cascading Style Sheets,层叠样式表) 可以用来为网页创建样式表,通过样式表可以对网页进行装饰. 所谓层叠,就是可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的.而CSS可以分别为网页的各个层次设置样式. 书写的位置: 1.内联样式:可以将css样式表书写到元素(标签)的style属性中,只对当前标签中的内容起作用,不方便复用.属于结构与表现耦合,不推荐使用. 2.内部样式:可以将css样式编写的head中style标签中,然后通过css选择器…

[19/06/06-星期四] CSS基础_盒子模型

一.盒子模型(框模型.盒模型) CSS处理网页时,它认为每个元素都在一个不可见的矩形盒子里. 为什么想象成盒子模型?因为把所有元素想象成盒子,那么我们对网页的布局就相当于摆放盒子.我们只需要把相应的盒子摆放到网页中对应的位置即可完成网页布局. 模型图片: 参数: 1.width 和height:设置内容区.元素的高度和宽度,而不是盒子的整个大小,盒子的可见大小=内容区+内边距+边框 2.border:为一个元素设置边框,必须指定3个元素,缺一不可.但是不写的话,有默认值,都不写是没有的,写至少一…

[19/06/08-星期六] CSS基础_表格&表单

一.表格如生活中的Excel表格,用途就是同来表示一些格式化的数据,如课程表.工资条.成绩单. 在网页中也可以创建出不同的表格,在HTML中使用table标签来创建一个表格.table是个块元素. 在表格中使用tr(table-row 行)来表示表格中的一行,在tr中使用td(table data cell ,表格数据元素)来创建单元格,几个td就是几个单元格. td表示列名(table Header,头部信息,如“姓名”.“年龄”),也是位于一行当中,即tr之间,th就是一个特殊的td.默认…

[19/06/07-星期五] CSS基础_布局&定位&背景样式

一.固定布局(不适应设备的浏览器的变化) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>简单布局</title> <style type="text/css"> /*清除默认样式*/ *{ margin: 0; padding: 0; } .header{ width: 1000px; height: 100p…

C语言- 基础数据结构和算法 - 09 栈的应用_中缀表达式转后缀表达式20220611

09 栈的应用_中缀表达式转后缀表达式20220611 听黑马程序员教程<基础数据结构和算法 (C版本)>, 照着老师所讲抄的, 视频地址https://www.bilibili.com/video/BV1vE411f7Jh?p=1 喜欢的朋友可以去看看,欢迎大家一起交流学习. 09 栈的应用_中缀表达式转后缀表达式20220611_main.c #include <stdio.h> #include <stdlib.h> #include <string.h&g…

CSS基础知识：常见选择器示例

CSS(Cascading Style Sheet),中文译为层叠样式表,可以让设计者方便灵活地控制Web页面的外观表现.CSS是1996年由W3C审核通过并且推荐使用的.CSS的引入,就是为了使HTML语言更好地适应网页的美工设计.CSS详细规范说明要查阅CSS手册,或登录W3C官网(http://www.w3c.org). 使用CSS,要了解常用的各种选择器. 1.标记选择器: 一个HTML页面由很多不同的标记组成,而CSS选择器就是声明哪些标记采用哪种CSS样式.每一种HTML标记的名称都…

第五模块：WEB开发基础第1章·HTML&CSS基础

01-前端介绍 02-HTML介绍 03-HTML文档结构 04-head标签相关内容 05-常用标签一之h1~h6,p,a 06-常用标签一之ul.ol.div.img.span 07-常用标签二-table标签 08-常用标签二之form标签 09-常用标签二之表单控件 10-常用标签分类和嵌套规则 11-css的介绍和感知 12-css的三种引入方式 13-标签选择器 14-id选择器 15-类选择器 16-如何正确的使用类选择器及总结 17-高级选择器 18-属性选择器 19-伪类选择器…

【自编教材】16万8千字的HTML+CSS基础适合从0到1-可收藏

[图片链接有点小问题,这几天更新,敬请期待!] 目录第一章HTML基础 1.1 HTML简介和发展史 1.1.1 什么是HTML 1.1.2 HTML的发展历程 1.1.3 web标准 1.2 开发中常见概念解释 1.2.1前端 1.2.2后台 1.2.3 浏览器 1.3 纯文本和超文本的使用 1.4 开发工具的使用 1.4.1常见开发工具简介 1.4.2 Visual Studio Code 1.4.3 编写第一个HTML文件 1.5 HTML骨架 1.5.1 DTD 1.5.2 html…

两天学会css基础（一）

什么是css?css的作用是什么? CSS 指层叠样式表 (Cascading Style Sheets)主要作用就是给HTML结构添加样式,搭建页面结构,比如设置元素的宽高大小,颜色,位置等等. 学习css之前先了解一下css代码在HTML中的书写位置. 样式名称存放位置使用范围应用嵌套样式 head中的title下面当前样式所处的页面存放当前页面会用到的样式行内样式标签中通过style设置样式只作用于当前标签很少使用(一般可以临时使用) 外联样式存放于其他文本中,使用时…

CSS基础知识筑基

01.CSS 简介 CSS 指层叠样式表 (Cascading Style Sheets),对HTML网页内容进行统一外观样式设计和管理,给网页进行各种装饰,让她变得美观,是HTML的化妆师.(Cascading :/kæsˈkeɪdɪŋ/(水)倾泻:连续传递:串联.cascade 的现在分词) 主要优点: 美化页面:提供丰富的外观设计能力,大量的样式属性. 可复用:可以统一管理HTML页面的样式,可复用. CSS3可以实现网页样式.内容分离,并对网页元素实现像素级的样式管理. 1.1.知识框架…

前端开发：css基础知识之盒模型以及浮动布局。

前端开发:css基础知识之盒模型以及浮动布局前言楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题浮动是什么东西? 为什么这个浮动没有效果? 这个问题楼主已经回答了n遍.今天则是把它写到我的博客中,想知道自己过来翻就好啦 ^_^ 下面楼主把当前的自己对css的基础认知一一给大家道来...... 盒模型谈到盒模型,有经验的小伙伴一定滚瓜烂熟,无非就是内容(content).填充(padding).边框(border).边界(margin): 这些属性我们可以把它转移到我们…

妙味课堂——HTML+CSS基础笔记

妙味课堂的课程讲得非常的清楚,受益匪浅.先把HTML和CSS基础课程部分视频的学习笔记记录如下: padding #PS基础 ##前端需要的PS技能 - PS技能(前端需要):切图.修图.测量 - PS工具: - 移动工具 - 矩形选框工具 - 裁切工具 - 吸管工具 - 横排文字工具 - 手抓(快捷键:空格) - 缩放(快捷键:Ctrl + 和 Ctrl -) - 标尺(快捷键:Ctrl R,主要是拖出参考线.矩形区域选择的时候,按住Ctrl,就能贴合参考线) - 自由变换(快捷键 Ctrl…

CSS基础教程 -- 媒体查询屏幕适配

响应式布局 Media Query 的使用方法在上例中, 我们使用Media Queries来根据3种不同尺寸的窗口使用3种不同的样式.通过不同的媒体类型和条件定义样式表规则,媒体查询让CSS可以更精确作用于不同的媒体类型和同一媒体的不同条件.媒体查询的大部分媒体特性都接受min和max用于表达”大于或等于”和”小与或等于”.如:width会有min-width和max-width媒体查询可以被用在CSS中的@media和@import规则上,也可以被用在HTML和XML中.通过这个标签属性,…

CSS 基础总结

CSS基础 Doctype 声明位于文档中的最前面,处于标签之前.告知浏览器的解析器,用什么文档类型规范来解析这个文档. 在标准模式中,浏览器根据规范呈现页面: 在混杂模式中,页面以一种比较宽松的向后兼容的方式显示. DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现.(影响样式) 最简单的Doctype头 <meta charset="UTF-8"> 代替了 < meta http-equiv="Content-Type" conten…

JavaSE学习总结第06天_Java语言基础2 & 面向对象1

06.01 二维数组概述和格式1的讲解二维数组概述:二维数组其实就是一个元素为一维数组的数组格式1:数据类型[][] 变量名 = new 数据类型[m][n]; m表示这个二维数组有多少个一维数组,n表示每一个一维数组的元素个数例:int[][] arr = new int[3][2]; 定义了一个二维数组arr 这个二维数组有3个一维数组,名称是arr[0],arr[1],arr[2] 每个一维数组有2个元素,可以通过arr[m][n]来获取,表示获取第m+1个一维数组的第n+1个元…

html+css基础篇

2016年11月19号,计划把基础在看一下,听大神说好的东西就要多看几遍,知识是学来用的解决问题的,加油接下来的是我在自学中的小笔记吧,每天都在保持几个小时的学习思考状态,由于要升本所以学前端的时间相对分的有点少,不求进度有多快,只愿能有收获.如这里面有错误,望提出,我再加以修改,谢谢了. 总结学习知识(工欲善其事,必先利其器:浏览器Opera.IE.Google.火狐:开发工具:Notepad++.或者自带记事本) 1.html部分:html的全部语法,主要结构,超链接和常用标记语言 2.c…

软件测试必备-前端知识点之css基础及ps的用法

CSS 一. css定义 css样式表.层叠样式表,级联样式表二. css基础语法 1. 写style标签,放在head标签里面的最后位置 2. 自己写的css代码,放在style标签里面三. css常用属性 1.color: red; 设置文字颜色 2.font-size: 50px; 设置文字大小 3.font-family: "黑体"; 设置字体(如果设置的是中文字体,要加双引号!) 4.width: 100px; 设置宽度 5.height: 100px; 设置高度…

【CSS】 CSS基础知识属性和选择

css基础知识 html的基本标签都是千篇一律的,为了能够个性化外观,就需要进行样式的调整,而css就是专门用来维护,管理样式的一种格式.在html中定义css有三种方法 1. 为标签添加style属性,这样的话样式只应用于这个标签: <h1 style="属性:属性值;属性2:属性值;"></h1> 2. 在文件头的<head>里面加上<style type="text/css">标签,标签里面以css的格式写样式,…

CSS基础和选择器

什么是CSS? CSS是指层叠样式表(Cascading Style Sheets),样式定义如何显示HTML元素,样式通常又会存在于样式表中.也就是说把HTML元素的样式都统一收集起来写在一个地方或一个CSS文件里. css的优势 1.内容与表现分离 2.网页的表现统一,容易修改 3.丰富的样式,使页面布局更加灵活 4.减少网页的代码量,增加网页浏览器速度,节省网络带宽 5.运用独立页面的css,有利于网页被搜索引擎收录 CSS语法 CSS基础语法 CSS语法可以分为两部分: 选择器声明声…

日常用的css基础和自己常用的js封装

css基础:base /* * 初始化 */ *::after, *::before { box-sizing: border-box; } body { font-family: 'Microsoft YaHei', tahoma, arial, 'Hiragino Sans GB', \5b8b\4f53, sans-serif; background: #fff; } html{ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 1…

Web开发——CSS基础

参考: 参考:http://css.doyoe.com/ 参考:http://www.w3school.com.cn/cssref/index.asp 参考:https://www.w3cschool.cn/css/css-tutorial.html 目录: 1.层叠样式表的组成 2.CSS选择器 2.1 CSS基础选择器 2.2 CSS3 选择器 3.一些常用的样式 4.CSS继承 5.CSS HTML颜色名/背景颜色 5.1 HTML颜色名 5.2 背景颜色 6.浮动和定位属性(Positi…