使用HTML语言和CSS开发商业站点(4)

选择器:

标签选择器

p{
  background-color:purple;
}

类选择器

.one{
  color:red;
}

ID选择器

#a{
  font-size:25px;
}

行内样式:

<p style="color:blue;"> </p>

链接外部样式表,地址为one.css。
<link rel="stylesheet" type="text/css" href="one.css" />

导入外部样式表,地址为one.css。
<style>
  @import url("one.css");
</style>

后代选择器:

ol li{
}

并集选择器:

p,input,h1{
}

常用字体属性(设置字体类型、 大小、        风格、        粗细)。
                  font-family     font-size   font-style font-weight

常用文本属性(设置文本颜色、设置元素水平对齐方式、设置首行文本的缩进、设置文本的行高、设置文本的装饰)
                     color              text-align                text-indent          line-height        text-decoration

标签选择器:页面中的xx标签采用。。样式

class类选择器:不同标签可以使用同一个class值

id选择器:必须唯一 id号不能重复

优先级:id选择器 > class类选择器 > 标签选择器

优先级:行内样式 > 内部样式 > 外部样式

font-style:italic;/*斜体*/
font-weight:bold;/*加粗*/

text-align:center;/*文本水平居中*/

text-decoration:none;/*没有下划线*/

text-decoration:underline;/*有下划线*/

text-indent:20px;/*首行缩进20像素*/

时间: 2024-10-08 13:54:34

使用HTML语言和CSS开发商业站点(4)的相关文章

使用HTML语言和CSS开发商业站点(9)

#div_1 dl{ margin:0px;/*dl默认有外边距 跟ul一样*/ padding:0px; height:46px; margin-top:15px;} #div_1 dl dd{ margin:0px;/*dd默认有外边距*/ float:left; margin-left:10px; height:100%; line-height:46px; } 好的,使用HTML语言和CSS开发商业站点 就到这里结束    接下来是    使用Java实现面向对象编程 多多关注.评论,谢

S1/使用HTML语言和CSS开发商业站点/05-CSS美化网页

<span>标签 在HTML中,<span>标签是被用来组合HTML文档中的行内元素的,它没有固定的格式表示,只有对它应用CSS样式时,他才会产生视觉上的变化. <span>标签可以为<p>标签中的部分文字添加样式,而且不会改变文字的显示方向.他不会像<p>标签和标题标签那样,每对标签独占一个矩形区域. 字体样式 常用字体属性 属性名 含义 举例 Font-family 设置字体类型 Font-family:"隶书"; Fon

S1/使用HTML语言和CSS开发商业站点/01-HTML基础

HTML会是一种超文本标记语言(Hyper Text Mark Language),也就是说,HTML不是一种编程语言,仅是一种标记语言(Markup Language). 网页基本信息: 1.DOCTYPE声明 HTML代码中最上面有两行关于“DOCTYPE”文档类型的声明,他约束HTML文档结构,检验是否符合相关Web标准,同时高速浏览器,使用哪种规范来解释这个文档中的代码.DOCTYPE声明必须位于HTML文档的第一行,XHTML3.0规定了3种级别的声明. (1)Strict(严格类型)

S1/使用HTML语言和CSS开发商业站点/04-初识CSS

CSS全称为层叠样式表. CSS基本语法结构 CSS规则由两部分构成,即选择器和声明.声明必须放在大括号{}中,并且声明可以是一条或多条:每条声明由一个属性和值组成,属性和值用冒号分开,每条语句以英文分号结尾.如下所示. h1{ font-size:12px; color:#F000; } font-size:12px;和color:#F000;表示两条声明,声明中font-size和color表示属性,而12px和#F000则是对应的属性值. 注意:在CSS的最后一条声明中,用以结束的“;”可

HTML语言和CSS开发商业站点 错题

1.关于css为什么会出现Bug说法不正确的是(). (选项两项) A.编写CSS样式是需要在不同浏览器中实现表现一致 B.各大主流浏览器由于不同厂家开发,浏览器使用的内核不同,支持CSS的程度不同 C.网页制作师在编写CSS样式时命名不规范,样式本身有BUG D.网页设计师在设计时起名不对 正确答案是 C.D 分析:各大主流浏览器由于不同厂家开发,各大厂商处于自身利益,因而浏览器使用的内核不同,支持CSS的程度不同,导致了显示差异,因此编写CSS样式时需要考虑在不同浏览器中实现表现     

S1/使用HTML语言和CSS开发商业站点/06-盒子模型

盒子模型属性有边框.内边距和外边距. 1.边框(border):对应包装盒的纸壳,他一般具有一定的厚度. 2.内边距(padding):位于边框内部,是内容与边框的距离,即对应包装盒的填充部分,所以也被称为填充. 3.外边距(margin):位于边框外部,边框外面周围的间隙,所以也被称为边界. 盒子模型除了边框.内边距.外边距之外,还应包括元素内容本身,所以完整的盒子模型平面结构图所示. 因为盒子是矩形结构,所以边框.内边距.外边距这些属性部分都分别对应上(top)下(bottom)左(left

S1/使用HTML语言和CSS开发商业站点/07-浮动

浮动 在标准文档流中,一个块级元素在水平方向会自动伸展,直到包含它的元素的边界,在竖直方向和其他的块级元素依次排列. 要实现浮动需要在CSS中设置float属性,默认值为none,也就是标准文档流块级元素通常显示的情况.如果将float属性的值设置为left或right,元素就会向其父元素的左侧或右侧浮动,同时默认情况下,盒子的宽度不再伸展,而是根据盒子里面的内容和宽度来确定,这样就能够实现网页布局中的“1-2-1”或“1-3-1”布局类型. 浮动在网页中的应用 在CSS中,使用浮动(float

S1/使用HTML语言和CSS开发商业站点/08-定位网页元素

在CSS中有3种基本的定位机制,分别是标准流.浮动和绝对定位.通常在网页中除非专门指定某种元素的定位,否则所有元素都在标准流中定位,也就是说标准流中元素的位置由在XHML中的位置决定. 在前面的章节已经学习了标准流和浮动,使用浮动的方式可以定位网页元素.但是仅使用浮动一种方式,完成不了网页中很多更为复杂的网页效果. Position属性 Position属性yufloat属性一样,都是CSS排版中非常重要的概念.Position从字面意思上看就是指定盒子的位置,指它相对父级的位置和相对它自身应该

使用HTML语言和CSS开发商业站点(2)

border:框架边框大小 borderColor:边框颜色 frameborder: 1(显示边框) 0:没有边框 noresize="no" 不可以调节大小 scrolling="no" 隐藏滚动条 页面用框架集frameset 就没有body了 列:cols="值1,值2,剩余" *:剩余大小 rows同cols 无序列表ul-li /有序列表ol-li / 有定义列表(dl-dt-dd) ul中type:disc(实心圆) square(