html5
m0_46636679
这个作者很懒,什么都没留下…
展开
-
子代选择器
子代选择器代码实现 <style> .nav>a { color: blue; } p>a { color: pink; } </style></head><body> <!-- 子代选择器 通过>选择的 选择的最亲的元素 亲儿子 --> <div class原创 2022-05-13 18:04:08 · 213 阅读 · 0 评论 -
优雅降级和渐进增强
优雅降级和渐进增强1.什么是渐进增强在网页开发中,渐进增强认为应该专注于内容本身。一开始针对低版本的浏览器构建页面,满足最基本的功能,再针对高级浏 览器进行效果,交互,追加各种功能以达到更好用户体验,换句话说,就是以最低要求,实现最基础功能为基本,向上兼容。以css为例,以下这种写法就是渐进增强。渐进增强写法: <div class="not-a-square"></div> .not-a-square { width: 200原创 2022-05-13 17:18:15 · 167 阅读 · 0 评论 -
伪类选择器
伪类选择器1、伪类选择器,同一个标签,根据其不同的种状态,有不同的样式。这就叫做“伪类”。伪类用冒号来表示。比如div是属于box类,这一点很明确,就是属于box类。但是a属于什么类?不明确。因为需要看用户点击前是什么状态,点击后是什么状态。所以,就叫做“伪类”。代码实例:<style> /* 还没有点击的链接 */ a:link { color: red; } /* 已经点过的原创 2022-05-13 17:07:49 · 221 阅读 · 0 评论 -
表单 Form实例练习
<form> <!-- text文本 就是输入你想输入的文字 --> 用户名: <input type="text" name="username" id="username" placeholder="请输入用户名"> <br> <!-- 密码框 用户输入的密码前端看不见 --> 密码: <input type="password" name...原创 2022-05-13 12:22:49 · 353 阅读 · 0 评论 -
Table表单练习
table表单练习 <table border="1" cellspacing='0' cellpadding='0' align="center" width='200'> <!-- <caption> 标签定义表格的标题。<caption> 标签必须直接放置到 <table> 标签之后。 --> <caption>班级管理表</caption>原创 2022-05-13 12:17:35 · 170 阅读 · 0 评论 -
点击文字变色
点击文字变红创建一个div 盒子 <div> hello world! </div>可以选择给盒子加一些css样式 <style> div { color: blue; height: 200px; width: 50px; border: 2px; padding: 1px;原创 2022-05-13 11:56:04 · 760 阅读 · 0 评论 -
Html块级元素详解
Html块级元素详解*块级元素常见的有:div , table, tr , from , ul ,li ,ol ,h1~h6, p盒子 div 标签 <div class="bq" style="width: 100px; height: 100px;background-color: black;0"> </div>可以用css设置盒子的大小边距和 颜色table标签 <table border="" cellspacing="" ce原创 2022-05-13 11:43:20 · 963 阅读 · 0 评论 -
主流浏览器内核
**主流浏览器内核1.Trident(IE内核) 国内很多的双核浏览器其中之一就是Trident,美名其曰“兼容模 式”。 代表:IE、傲游、世界之窗浏览器、Avant、猎豹安全浏览器、 360极速浏览器、百度浏览器等。Window10发布后,IE将其内置浏览器命名为Edge(原名斯巴 达),使用了新内核Edge引擎。1.1 Gecko(Firefox) Gecko的特点是代码完全公开,因此,全世界的程序员都可以为 其编写代码,增加功能。可惜这几年已经没落了,比如打开速度 慢、升级频繁、猪一样的队友f原创 2020-07-17 19:28:02 · 209 阅读 · 0 评论