首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
第三篇、CSS样式简介
】的更多相关文章
第三篇、CSS样式简介
<!--1.行内样式 <p style="background-color:red;font-size:20px"> --> <!--2.页内样式 <head> <meta charset="UTF-8"> <title></title> <style> body{ background-color:gray; } div{ background-color:red; } p{…
HTML基础(三)——css样式表
CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/此为注释语法 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css"> p …
PHP.9-HTML+CSS(三)-CSS样式
CSS样式 CSS是Cascading Style Sheets的简写,它除了可以轻松设置网页元素的显示位置和格式处,甚至还能产生滤镜,图像淡化,网页淡入淡出的渐变效果.CSS就是要对网页的显示效果实现与Word一样的排版控制一个段落.字体.颜色.背景.边框等. 注:注释/* */里面不能再包含注释 1.CSS的四种设置方式 内联样式表:在HTML元素标签中使用style属性内联,在需要相同样式情况下,不适用 每个HTML标签都可以加样式,如下: <span style="fon…
一、CSS概述 二、CSS的选择器(认识) 三、CSS样式和属性(练习) 四、重构商城首页DIV+CSS(页面布局)(重点) 浮动/更改显示方式
一.CSS概述###<1>概念 DIV,就是一个HTML元素,块级元素,通常结合CSS进行页面的布局. CSS,层叠样式表,给HTML元素增强显示. ###<2>作用 样式定义如何显示HTML元素,页面的布局(美化HTML效果) ###<3>使用方式 内联样式方式:在当前的元素属性中直接设置style属性,适用性差,只能作用于当前元素. style属性是HTML元素通用的属性 内部样式方式:在head标签中,使用<style>标签来设置样式,适用性强,可以同…
第三篇 css属性
一.颜色属性 颜色属性有下面四种方式 <div style="color:blueviolet">ppppp</div> <div style="color:#ffee33">ppppp</div> 十六进制颜色对照表 http://bbs.bianzhirensheng.com/color01.html <div style="color:rgb(255,0,0)">pppp…
三种CSS样式
内联式css样式,直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌入式和外部式三种. 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p style="color:red">这里文字是红色.</p> 并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开.如下代码: <p sty…
CSS样式简介
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化. CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力. CSS类型: CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式.CSS在Web设计领域是一个突…
第一章入门篇CSS样式的分类、盒模型
1.CSS样式的分类 CSS样式分为一项4种: 1.内联样式表,直接写在元素style属性里面的样式,如 <p style="color:red;">内联样式</p> 2.内部样式表,写在<head><.head>标签内部<style></style>标签里面的样式 <head> <meta charset="utf-8" /> <title>无标题文档 &l…
三种css样式表及其优先级
1.行内样式 body内: <p style="text-indent: 2em;color: red"> 我是行内样式 </p> 2.内部样式表 body内: <div class="inside"> 我是内部样式表我是内部样式表 </div> head内: <style type="text/css"> .inside{ width: 300px; height: 300px; bo…
三、CSS样式——链接
CSS链接的四种状态: a:link ——普通的.未被访问的链接 a:visited ——用户已访问的链接 a:hover ——鼠标指针位于链接的上方 a:active ——链接背点击的时刻 常见的链接样式: text-decoration属性大多用于去掉链接中的下划线 a:link{ color: red; /*未被点击是的颜色*/ text-decoration: none; background-color: aqua; } a:visited{ color: darkolivegreen…