伪类选择器：伪类是直接在元素后面加“:”,例如a:hover,可直接在css中用而不用在html中像类一样定义,因为是浏览器预先设定好的。a一般顺序是:a:link{} 未访问状态链接a:visited{}已访问状态链接a:hover{}鼠标悬停上时状态还有其他伪类,如first-child对应第一个子元素,last-child最后一个子元素,nth-child(even/2n)第偶数个子元素,nth-child(odd/2n+1)第奇数个子元素。 盒模型的定义： css将每个元素都看做一个盒子,包括以下属性...
表格 —— 默认样式重置表格标签： table 表格 thead 表格头 tbody 表格主体 tfoot 表格尾 tr 表格行 th 元素定义表头 td 元素定义表格单元表格样式重置 table{border-collapse:collapse;} 单元格间隙合并 th,td{padding:0;}重置单元格默认填充 单元格合并rowspan 属性规定单元格可横跨的行数。 <td rowspan="2"></td>colspan 属性规定单元格可...
从10月8号到今天23号，来到工作已经半个月了，这是我人生中真正意义上的一次步入社会，用自己20年的坚持和努力取得的人生第一步，说实话，感觉自己真的是个lucky dog，好像是在眷顾我，所有的事情都是那么顺利，让我没有理由不珍惜现在的所有，谢谢老师，一次次的满足我的请求，这半月我收货到的不管是从为人处世，团队管理，还是技术方面都很多，所以每天晚上睡觉都会一躺就着，因为一睁开眼就会忙碌一天，不过真的真的很充实，下...
HTML有许多特殊的字符，您对此有多少了解？平时在WEB制作中，您又有用到多少？或者说你在平时使用之时，是否也会碰到，有许多特殊字符要如何打印出来？比如说“笑脸”，比如说“版权号”。要是你用时忘记了这些特殊字符，不要紧，请记住今天这个地址，你就随时可以查到这些特殊字符的表示方法。简单的介绍一下其使用方法：1、这些字符属于unicode字符集，你的文档需要声明为”utf-8“2、列表符号后面有两列编号，第一列编号用于HTM...
HTML部分：一、超链接部分：<a herf>是超文本链接引用，属性为目标文件。 1、热区链接 <img src="图片地址" usemap="#映射图片名称"> <map name=“映射图片名称”> <area shap="热区形状" coords="热区坐标" href="URL"> </map> 2、 图片链接 <a href=" "> <img src=" " border=" " alt=" ";> // (表示规定图片的替代文本，提...
需求：实现日历备忘录（静态）<!DOCTYPE html><html><head><meta charset="utf-8"><title>日历备忘录</title><style type="text/css">table {width: 900px;table-layout: fixed;border-collapse: collapse;}th,td {border: 1px dotted #999;padding: 5px;}.head {height: 30px;background-color: #DDD;text-align: center;}.body {height: 140px;vertical-align: baseline;}caption {text-align: left;}.special {background-color...
JavaWeb — 02 HTML+CSS软件架构： 1. C/S: Client/Server 客户端/服务器端 * 在用户本地有一个客户端程序，在远程有一个服务器端程序 * 如：QQ，迅雷... * 优点：1. 用户体验好 * 缺点：1. 开发、安装，部署，维护 麻烦 2. B/S: Browser/Server 浏览器/服务器端 * 只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序 * 优点：1. 开发、安装，...
标签：<div><span css属性：width,height,padding:上下 左右; margin:上 右 下 左;position:absolute/relative/fixed/static; <p> css属性：font-family,font-size,font-weight,font-style,color,text-decoration,text-align:justify;letter-spa...
1.在pycharm的已有工程中新建一个html文件。2.在<body></body>标签内部写入要内容：<div class=‘head-box‘ ><div class="content-box"><a href="#" class="logo"></a><div class="action-menu"><a href="#" class="tb active">全部</a><a href="#" class="tb">42区 </a><a href="#" class="tb">段子</a><a href="#" class="tb">图片</a><a href="#" class="tb">挨踢1024</a><a href="#" class="tb">你问我答</a></div><div clas...
在HTML文件中使用Link标签连接独立的Css文件 将Link标签放在head标签中 like标签是空标签，只写开始标签，不写结束标签 我们需要为like标签设置一些属性 type的值设置为text/css，通知浏览器将要加载一个css文件。 rel（relationship关联）的值设置为stylesheet，通知浏览器被关联的文件是定义页面样式的。 href属性的工作原理和A标签中相同，url地址。 这样就和css管关联了，我们设置样式就在Htcss里面设置就好...
cursor其他取值 鼠标移入 auto ：标准光标 default ：标准箭头 pointer ：手形光标 wait ：等待光标 text ：I形光标 vertical-text ：水平I形光标 no-drop ：不可拖动光标 not-allowed ：无效光标 help ：帮助光标 all-scroll ：三角方向标 move ：移动标 crosshair ：十字标Html5中标签（包括新增常用）...
一、如何让一个不定宽高的div,垂直居中？ 1、使用flex布局，只需要在盒子的父级设置如下代码即可：.className{display:flex;justify-content:center;align-items:center; } 2、使用css3transform布局: 父级盒子设置：{ position:relative;} div设置：{ transform:translate(-50%,-50%);position:ansolute;top:50%;left:50%;} 3、使用 display:table-cell 方法 父级盒...
<!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 http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css样式4</title><style type="text/css">@import url("style.css");</style></head><body><p>1.什么是web标准？</p><p>2.web标准的目的？</p><p>3.采用web标准的好...
随着 Retina 屏幕的逐渐普及，网页中对图片的适配要求也越来越高。如何让图片在放大了两倍的 Retina 屏幕显示依然清晰，曾经一度困扰着网页开发者，好在CSS3 与 HTML5 已经着力在改变这种现状。那么到底什么是响应式图片呢？ 什么是响应式图片？ 响应式图片是指：用户代理根据输出设备的分辨率不同加载不同类型的图片，不会造成带宽的浪费。同时，在改变输出设备类型或分辨率时，能及时加载对应类型的图片。UI前端框架最新力作！有...
前几天学习了一点html，今天团队为做项目一起学习时，又了解到了新的东西———css，通过组内队员的指导和对一些网站（三翼）的分析，发现了html和css之间联系密切。根据从网上了解的资料，发现html与css的联系如下： 1、HTML定义网页的结构，主要让页面的内容结构化、块状化！ 2、CSS控制HTML的标签，定义所需要的样式，使得结构和样式独立开来，这样使得样式和结构分离，达到了我们的初衷：内容更加清晰可读。在有了CSS之...