css颜色 | 易学教程

CSS简单学习

阅读更多关于 CSS简单学习

什么HTML : 超文本标记语言 p标签: 段落标签 br标签: 简单换行 h1-h6: 标题标签 hr标签: 水平分割线, 华丽的分割线 font标签: color属性改变颜色 , size b标签: 加粗 i标签: 斜体 strong标签: 带语义的加粗 em标签: 斜体标签,带语义 img标签: 图片标签显示图片 src: 指定图片路径(相对路径) width: 宽度 height: 高度 alt: 图片加载失败时的提示相对路径: ./ 代表当前路径 …/ 代表的是上一级路径 …/…/ 代表的是上上一级路径 ul标签: 无序列表 ol标签: 有序列表 li标签: 列表项 a标签: 超链接标签: target: 打开方式 href: 指定要跳转的链接地址 table标签: table > tr > td tr标签: 行 td标签: 列网站注册案例: form 标签: 表单标签,主要是用来向服务器提交数据 method: 提交方式 get post action : 提交的路径 input 标签: type: password: 密码框 text : 文本 submit: 提交 button: 普通的按钮 reset: 重置按钮 radio: 单选按钮设置name属性让它们是一组

CSS

阅读更多关于 CSS

CSS 1、什么是CSS？　　Casding Style Sheet 层叠样式表 2、作用：　　使样式与内容分离　　网页的表现统一，容易修改　　丰富的样式，使得页面布局更加灵活　　减少网页的代码量，增加网页的浏览速度，节省网络带宽　　运用独立于页面的CSS，有利于网页被搜索引擎收录 3、编写CSS代码的位置　　1.标签内部优先级最高　　　　<div style=””></div> 　　2.页面内部（一般写在头部）　　　　<style>CSS代码</style> 　　3.外部CSS文件　　　　.css文件　　　　使用<link rel="stylesheet" type="text/css" href="xxx.css">导入 4、基本语法　　CSS规则主要由两个主要部分组成　　选择器{css属性：值;css属性：值.....} 　　标签内部的css不需要选择器 5、CSS选择器　　1.标签选择器　　　　标签名{css属性：值;css属性：值.....} 　　　　所有此类型的标签都有这个样式　　2.类选择器　　　　<div class=”类名”></div> 　　　　.（类名）{css属性：值;css属性：值.....} 　　3.id选择器　　　　<div id=”xxx”> 　　　　#xxx{css属性：值;css属性：值.....}

Web设计和开发人员非常有用的在线工具

阅读更多关于 Web设计和开发人员非常有用的在线工具

分享8个对于Web设计和开发人员非常有用的在线工具　　在工作中借助一些非常好用的工具可以让你专注于更重要的事情，进而提高工作效率。本文收集了一些设计和开发相关的在线工具，分享给大家，希望对你有帮助。 ProCSSor ProCSSor是一个很不错的CSS代码美化工具，它可以帮助你很轻松的把代码转换成很美观。 jsFiddle JsFiddle有多种用途，其中一个用法就是可以在线编辑HTML, CSS 和JavaScript片段，而且代码可以分享，还可以嵌入到你的博客中等等。 Frame Box Frame Box是一个非常好用的用于在线分享线框图（wireframes）的工具。 Spritebox Spritebox是一个所见即所得的工具，帮助Web设计者迅速而轻松地从一张精灵图片（CSS Sprit Image）创建CSS类和ID选择符样式。这里涉及到一项技术叫CSS Sprites，在国内很多人叫CSS精灵，它是的基本原理是使用CSS的背景系列属性的组合进行背景图片的精确定位。 CSS3 Generator 这是一个简单的跨浏览器CSS3样式生成器，可以生成你想要的任何值。 Super Conversion Button 这个工具可以帮助你瞬间生成一个美观的试用（Try it now）按钮。 wordmark.it 这个工具之前曾介绍过

css基础

阅读更多关于 css基础

添加样式发噶发：外部样式表(External style sheet) 内部样式表(Internal style sheet) 内联样式(Inline style) < link rel = " stylesheet " type = " text/css " href = " mystyle.css " > 多重样式：外部样式 h3 { color:red; text-align:left; font-size:8pt; } 内部样式： h3 { text-align:right; font-size:20pt; } 最后的实际样式 color:red; text-align:right; font-size:20pt; 优先级：内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式优先级顺序下列是一份优先级逐级增加的选择器列表：通用选择器（*）元素(类型)选择器类选择器属性选择器伪类 ID 选择器内联样式优先级关系：内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器把一个标签从祖先那里继承来的而自身没有的属性叫做"祖先样式"，那么"直接样式"就是一个标签直接拥有的属性 link 属于

理解CSS边框border

阅读更多关于理解CSS边框border

前面的话边框是CSS盒模型属性中默默无闻的一个普通属性，CSS3的到来，但得边框属性重新焕发了光彩。本文将详细介绍CSS边框基础样式边框是一条以空格分隔的集合样式，包括边框粗细(边框宽度)、边框颜色和边框样式，且先后顺序无关 border: border-width border-color border-style border: 1px solid red; 【边框样式】如果一个边框没有样式，边框将根本不会存在关于虚线dashed，在chrome/firefox下，虚线宽高比是3/1；而在IE下，虚线宽高比为2/1。所以在IE下虚线显得比较密关于点线dotted，在chrome下，点线是方点；而在IE/firefox下，点线是圆点 border-style:none(默认) border-style:hidden/dotted/dashed/solid/double/groove/ridge/inset/outset(共9种) 【边框宽度】边框的宽度不能为负，不能指定为百分比值。这是因为，边框并不会因为设备尺寸变大，所以百分比单位并不符合语义。类似地，还有outline、box-shadow、text-shadow等边框宽度支持3个关键字：this/medium/thick，分别是1px、3px、5px，且medium为默认值

定义样式表

阅读更多关于定义样式表

1.HTML标记定义 p{属性:属性值;属性1:属性1} <p>...</p> 注：p可以叫做选择器，定义那个标记中的内容执行其中的样式。一个选择器可以控制若干个样式属性，他们之间需要用英文的分号隔开，最后一个可以不加分号。示例代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>定义CSS样式（CSS选择器）</title> 5 <meta charset="UTF-8"> 6 <style type="text/css"> 7 p{ 8 color:red; 9 font-size:30px 10 } 11 </style> 12 13 </head> 14 <body> 15 <p>昨天是七夕节！</p> 16 </body> 17 </html> View Code 显示效果： 2.Class定义 .p{属性:属性值;属性1:属性值1} <p class="p">...</p> 注：class定义是以"."开始示例代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>定义CSS样式（CSS选择器）</title> 5 <meta charset="UTF-8"> 6 <style> 7 .p{ 8 background-color: red; 9 color:blue; 10

Html和CSS的关系

阅读更多关于 Html和CSS的关系

学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。来源： https://blog.csdn.net/qq_39412143/article/details/98942198

Day 49 CSS样式.

阅读更多关于 Day 49 CSS样式.

外部样式 1.元素选择器 /*1. 元素选择器*/p{ color :red} <p>1.我是一个p标签</p> 2.ID选择器 /*2 ID 选择器*/#p{ color :deeppink;} <p id = p> 2.我是一个带id的p标签</p> /*3类选择器*/.c1 { color: blue} <div id =c1>3.你好我是一个div标签</div> /*4. 通用选择器 *{ color: brown; background: black; } */ 组合选择器 /*5. 后代选择器 */ /*6儿子选择器*/div >p { color : brown;} <div> <p> 6.这里是子类选择器p</p></div> /*7 毗邻选择器 */div+p{ margin: 5px ; color : aqua;} /*8.弟弟选择器/ div后面所有的兄弟p标签 */ div~p{ border:20px solid royalblue; color :red } <div> 8.弟弟后面所有兄弟标签div</div><p> 8.div后面所有的兄弟p标签111111111111111</p> /* 9 .用于选取带有指定属性的元素。*/p[title]{ color : yellow; 属性选择器 }/* 10 .用于选取带有指定属性的元素。*/p

CSS day49

阅读更多关于 CSS day49

前端基础之CSS CSS介绍 CSS（ C ascading S tyle S heet，层叠样式表)定义如何显示 HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS实例每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CSS注释 /*这是注释*/ 注释是代码之母。--摘自哪吒语录 CSS的几种引入方式行内样式行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。 /*<p style="color: red">Hello world.</p> */ 行内式是在标记的style属性中设定CSS样式内部样式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下： #<head>#定义一个头部 # <meta charset="UTF-8">#设置<meta>元素可提供有关页面的原信息 # <title>Title</title>#标题信息 # <style>#类型 # p{ # background-color: #2b99ff; # }#设置背景颜色 # </style>#结束类型标签 #</head>#结束头部标签外部样式外部样式就是将css写在一个单独的文件中，然后在页面进行引入即可

深入学习jQuery样式操作

阅读更多关于深入学习jQuery样式操作

前面的话　　使用javascript脚本化CSS是一个系列，包括行间样式、计算样式、 CSS类、样式表、动态样式和伪元素这六部分。而jQuery也实现了脚本化CSS的功能，提供了更为简单易用的方法设置样式　　前面介绍过jQuery的特性操作，可以通过 attr()方法进行样式设置 <style> .cB{color: blue;} </style> <script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <div id="test">测试文字</div> <button id="btn1">按钮</button> <script> btn1.onclick = function(){ $('#test').attr('class','cB') } </script> 　　[注意]jQuery对象无法直接使用className属性设置类名，需要转换为javascript对象才可以使用 <style> .cB{color: blue;} </style> <script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <div id="test">测试文字</div>

订阅 css颜色