CSS 背景属性属性描述background简写属性,作用是将背景属性设置在一个声明中。background-attachment背景图像是否固定或者随着页面的其余部分滚动。background-color设置元素的背景颜色。background-image把图像设置为背景。background-position设置背景图像的起始位置。background-repeat设置背景图像是否及如何重复。CSS 文本属性属性描述color设置文本颜色direction设置文本方向。line-height设置行高。letter-spacing设置字符...
第四章 文本1、<p></p>2、<small></small>表示细则一类的旁注,通常包括免责声明、注意事项、法律限制、版权信息等。3、<strong></strong>表示内容的重要性,以粗体显示,一个strong可以嵌套在另一个strong中;<em></em>表示内容的着重点,以斜体显示,一个em可以嵌套在另一个em中。<b></b>用于如文档摘要里的关键词、评论里的产品名、基于文本的交互式软件中指示操作的文字、文章导语等;<i></i>用于如分类名称、技术术语、外语里...
摘要CSS(层叠样式表)的三种设置方法基本选择器组合选择器属性选择器分组与嵌套伪类选择器伪元素选择器选择器的优先级一些样式的设置(字体、文本、背景、边框)display属性设置01.CSS(层叠样式表)的三种设置方法 CSS又名层叠样式表,它的作用就是给HTML网页进一步装饰,前面我们学习HTML结构的时候其实就是学习了HTML的一个大的骨架结构,后面学习的表form表单展现的形式是很low的,需要进一步对齐修饰设置,让它变得更高大上起...
1.CSS常用属性??应用示例如下:<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>css常用属性-背景</title><style type="text/css">#bg_CSS01{border: 2px #00ff00 solid;background: #ff00ff;width: 200px;height: 200px;}#bg_CSS02{border: 2px #00ff00 solid;background-color: #000000;width: 200px;height: 200px;}<!-- -->#bg_CSS03{border: 2px #00ff00 solid;bac...
上一篇简单的过了一遍HTML的常用标签,这一篇继续CSS。例1 CSS的标签选择器<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<!--<link rel="stylesheet" href="common.css" />-->
<style>
/*标签选择器,找到所有的标签应用以下样式*/
div{
color: green;
}
/*id选择器,找到标签id等于i1的标签,应用以下样式*/
#i1{
...
Bootstrap 使用了一些 HTML5 元素和 CSS 属性,所以需要使用 HTML5 文档类型。<!DOCTYPE html><html lang="zh-CN">...
</html>为了让 Bootstrap 开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 head 之中添加 viewport meta 标签,如下所示:<meta name="viewport" content="width=device-width, //视口宽度为设备宽度initial-scale=1.0, //缩放程度maximum-scale=1.0, //最大缩放级别(可选)user-scalable=n...
1、引入CSS的四种方式行内样式、内嵌样式、链接样式、导入样式。2、CSS选择器基本选择器:标签选择器,ID选择器,类选择器,通用选择器。通用选择器:*{css代码}。通用选择器作用:对整个网页中所有HTML标签进行样式定义。
常见用法:定义*{margin:0;padding:0}通用样式,并置于CSS文件最顶端,用于对HTML内所有的标签进行重置以保证页面能兼容多种浏览器。
原因:每种浏览器都自带CSS文件,如果一个页面在浏览器加载后,发现没有C...
form表单必须有数据名和值 input里的type/name/value/checkbox/radio <select name="province"> <option >北京</option> <option >天津</option> <option >京都</option> </select> <br> <button type="submit" >提交</button> <br> </form> 结构样式行为相分离css 行间样式,页面级引入,外部引入 256进制 原文:https://www.cn...
CSS3新增的特性常用厂商前缀:"-webkit-",Chrome、Safari、Android"-moz-",Firefox"-o-",Opera"-ms-",IE1、过渡效果(transition)(1)语法 transition:CSS属性 过渡时长 时间曲线 延迟时间 |-- CSS属性,如:width,color,...;对应单独过渡属性为:transition-property |-- 过渡时长(秒),即过渡过程要花费的时间,对应单独过渡属性为:transition-duration |-- 时间曲线,对应单独过渡属性为: transition-timing-func...
Q:HTML5是什么?为什么要用HTML5?有什么新特性?移除了哪些元素?HTML5是HTML的最新版本,2014年10月由万维网联盟(W3C)完成标准制定。目标是替换1999年制定的HTML4.01和XHTML1.0标准,以期望能在互联网应用迅速发展的时候,使网络标准达到匹配当代的网络需求。HTML5指的是包括HTML,CSS和Javascript在内的一套技术组合。它希望能够减少网页浏览器对基于插件的网络应用服务(Plug-in-Based Rich Internet Application,RIA),例...
CSS基础知识:1.CSS层叠样式表(Cascading Style Sheets):解决内容与表现分离的问题。2. 层叠次序:(1)浏览器缺省设置;(2)外部样式表;(3)内部样式表(位于 <head> 标签内部);(4)内联样式(在 HTML 元素内部);即,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:<head> 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。3.CSS语法:CSS 规则由两个主...
一、CSS介绍CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。二、CSS语法1、CSS实例每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。2、CSS注释/*这是注释*/注释是代码之母。--摘自哪吒语录三、CSS的几种引入方式1、行内样式行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。<p s...
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 选择器{属性:属性值;}CSS 选择器选择器示例示例说明CSS版本.class.intro选择所有class="intro"的元素1#id#firstname选择所有id="firstname"的元素1**选择所有元素2elementp选择所有
元素1element,elementdiv,p选择所有
元素和
元素1element elementdiv p选择
元素内的所有
元素1element>elementdiv>p选择所有父级是
元素的
元素2element+elementdiv+p选择所有紧接着
...
输入框默认值设置<!--单行与多行输入框默认值--><input value="xxx"/><textarea>123</textarea>下拉框默认值设置<!--select下拉框默认选择设置--><select><option>上海</option><option selected="selected">广州</option><option>台北</option></select>单选框默认值设置<!--单选框默认选择-->
男<input type="radio" name="g1"/>
女<input type="radio" name="g1" checked="checked"/>复选框默认值设置<!--复选框默认选择--><inp...
一、 css的引入方式1.头部引入 特点:优点:1.速度快,无服务器请求压力; 2.相对于外部引入单页代码量少。缺点:1.不易改版与维护; 2.代码较乱不易前后台沟通。2.标签内引入 特点:1.优先级最高; 2.冗余代码多,代码量大; 3.不利于维护。3.外部引人然后 特点:优点:1.一个css文件可以控制多个页面; 2.易改版、便于维护; 3.减少代码量、代码简洁规范易于分工协作; 4.有效利用缓存机制。缺点:1.相对单页有垃圾代码; 2.href...