m0_46636679-优快云博客

原创子代选择器

子代选择器代码实现 <style> .nav>a { color: blue; } p>a { color: pink; } </style></head><body>  <div class

2022-05-13 18:04:08 247

优雅降级和渐进增强1.什么是渐进增强在网页开发中，渐进增强认为应该专注于内容本身。一开始针对低版本的浏览器构建页面，满足最基本的功能，再针对高级浏览器进行效果，交互，追加各种功能以达到更好用户体验,换句话说，就是以最低要求，实现最基础功能为基本，向上兼容。以css为例，以下这种写法就是渐进增强。渐进增强写法： <div class="not-a-square"></div> .not-a-square { width: 200

2022-05-13 17:18:15 188

原创伪类选择器

伪类选择器1、伪类选择器，同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”。代码实例：<style> /* 还没有点击的链接 */ a:link { color: red; } /* 已经点过的

2022-05-13 17:07:49 251

原创表单 Form实例练习

<form>  用户名： <input type="text" name="username" id="username" placeholder="请输入用户名"> <br>  密码: <input type="password" name...

2022-05-13 12:22:49 379

原创 Table表单练习

table表单练习 <table border="1" cellspacing='0' cellpadding='0' align="center" width='200'>  <caption>班级管理表</caption>

2022-05-13 12:17:35 195

原创点击文字变色

点击文字变红创建一个div 盒子 <div> hello world! </div>可以选择给盒子加一些css样式 <style> div { color: blue; height: 200px; width: 50px; border: 2px; padding: 1px;

2022-05-13 11:56:04 807

原创 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 997

原创 css三大特性

css三大特性（1）CSS层叠性是浏览器处理冲突的一个能力。如果一个属性通过两个选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉。就直接重叠覆盖下面的那个属性（2）CSS继承性作用：子元素可以继承父元素的样式。特殊性：并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承。在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承。 a标签的颜色和下划线的设置不能继承，必须对a标签本身进行设置。h标签的字体大小不

2020-07-24 16:35:25 102

原创 Css(2)

通配符选择器通配符选择器用“*”号表示，它是所有选择器中作用范围最广的，能匹配页面中所有的元素。其基本语法格式如下：// * {属性1：属性值1; 属性2：属性值2; ...}//使用通配符选择器定义CSS样式，清除所有HTML元素的默认边距。* { margin: 0; /*定义外边距*/ * padding: 0; /*定义内边距*/ }伪类选择器伪类选择器用于向某些选择器添加特殊的效果。比如给链接添加特殊效果，比如可以选择第1个，第n个元素。伪类选择器使用“:”

2020-07-24 16:23:02 160

原创 css（1）

css（1）什么是csscss样式规则css的三种引入方式1. 内部引入2. 行内样式表3.外部样式表Css字体属性2.font-family：字体font-weight：字体粗细font-style：字体风格text-align 文本对齐方式text-decoration 文本修饰text-transform 文本转换text-indent 文本缩进text-shadow 文本阴影direction 文本方向什么是cssCSS(Cascading Style Sheets的缩写) CSS通常称为CSS

2020-07-23 20:07:41 201

原创主流浏览器内核

**主流浏览器内核1.Trident(IE内核) 国内很多的双核浏览器其中之一就是Trident，美名其曰“兼容模式”。代表：IE、傲游、世界之窗浏览器、Avant、猎豹安全浏览器、 360极速浏览器、百度浏览器等。Window10发布后，IE将其内置浏览器命名为Edge（原名斯巴达），使用了新内核Edge引擎。1.1 Gecko（Firefox） Gecko的特点是代码完全公开，因此，全世界的程序员都可以为其编写代码，增加功能。可惜这几年已经没落了，比如打开速度慢、升级频繁、猪一样的队友f

2020-07-17 19:28:02 229

m0_46636679的博客