![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
m0_46636679
这个作者很懒,什么都没留下…
展开
-
子代选择器
子代选择器代码实现 <style> .nav>a { color: blue; } p>a { color: pink; } </style></head><body> <!-- 子代选择器 通过>选择的 选择的最亲的元素 亲儿子 --> <div class原创 2022-05-13 18:04:08 · 203 阅读 · 0 评论 -
优雅降级和渐进增强
优雅降级和渐进增强1.什么是渐进增强在网页开发中,渐进增强认为应该专注于内容本身。一开始针对低版本的浏览器构建页面,满足最基本的功能,再针对高级浏 览器进行效果,交互,追加各种功能以达到更好用户体验,换句话说,就是以最低要求,实现最基础功能为基本,向上兼容。以css为例,以下这种写法就是渐进增强。渐进增强写法: <div class="not-a-square"></div> .not-a-square { width: 200原创 2022-05-13 17:18:15 · 164 阅读 · 0 评论 -
伪类选择器
伪类选择器1、伪类选择器,同一个标签,根据其不同的种状态,有不同的样式。这就叫做“伪类”。伪类用冒号来表示。比如div是属于box类,这一点很明确,就是属于box类。但是a属于什么类?不明确。因为需要看用户点击前是什么状态,点击后是什么状态。所以,就叫做“伪类”。代码实例:<style> /* 还没有点击的链接 */ a:link { color: red; } /* 已经点过的原创 2022-05-13 17:07:49 · 214 阅读 · 0 评论 -
表单 Form实例练习
<form> <!-- text文本 就是输入你想输入的文字 --> 用户名: <input type="text" name="username" id="username" placeholder="请输入用户名"> <br> <!-- 密码框 用户输入的密码前端看不见 --> 密码: <input type="password" name...原创 2022-05-13 12:22:49 · 349 阅读 · 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 · 165 阅读 · 0 评论 -
css三大特性
css三大特性(1)CSS层叠性是浏览器处理冲突的一个能力。如果一个属性通过两个选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉 。 就直接重叠覆盖下面的那个属性(2)CSS继承性作用:子元素可以继承父元素的样式。特殊性:并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承。在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承 。 a标签的颜色和下划线的设置不能继承,必须对a标签本身进行设置。h标签的字体大小不原创 2020-07-24 16:35:25 · 67 阅读 · 0 评论 -
Css(2)
通配符选择器通配符选择器用“*”号表示,它是所有选择器中作用范围最广的,能匹配页面中所有的元素。其基本语法格式如下:// * {属性1:属性值1; 属性2:属性值2; ...}//使用通配符选择器定义CSS样式,清除所有HTML元素的默认边距。* { margin: 0; /*定义外边距*/ * padding: 0; /*定义内边距*/ }伪类选择器 伪类选择器用于向某些选择器添加特殊的效果。比如给链接添加特殊效 果,比如可以选择第1个,第n个元素。 伪类选择器使用“:”原创 2020-07-24 16:23:02 · 97 阅读 · 0 评论 -
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 · 124 阅读 · 0 评论