样式表的基本概念和属性

  这两天学习的主要是样式表基础。

  样式表根据分类可以分为三种:

  1.内联样式表

    和html联合显示,控制精确,但是可重用性差,冗杂多。

  2.内嵌样式表

    作为一个独立区域内嵌在网页里,必须写在head标签里边。

  3.外部样式表             

    新建一个CSS文件,用来放样式表。如果要在HTML文件中调用样式表,需要在HTML文件中点右键→CSS样式表→附加样式表。一般用link连接方式。

  控制器有多种多样如:

    1.标签选择器(用标签名做选择器)

    2.calss选择器(都是“.”开头)

    3.ID选择器(“#”开头)

    4.并列选择器(用“,”隔开)

    5.子代选择器(用空格隔开)

  样式表的属性也是多种多样如:控制“背景与前景”的,修改“边界与边框”的,设置“列表与方块”的等等。

  

    

时间: 2024-11-25 01:06:13

样式表的基本概念和属性的相关文章

CSS样式表------第一章:样式表的基本概念

CSS(Cascading Style Sheets,层叠样式表),控制页面样式外观,作用是美化HTML网页. 一. 样式表的基本概念 1.样式表的分类 (1)内联样式表  -----放在元素的开始标记中,只对当前元素起作用,和html联合显示,控制精确,但是可重用性差,冗余多. 例: <input name="txt" style="border:0px; border-bottom:1px solid black;" type="text&quo

框架与样式表的基本概念

框架:           frameset :框集.  如果使用框架集,当前页面不能使用body.    cols="300,*",左右拆分,左300,右完剩余.  frameborder 边框 frame:src(框架要显示页面的地址), scrolling(滚动条) iframe(可以嵌在普通页面里面):src(框架里面要显示的页面地址), wigth(框架的宽度), height(框架的高度), frameborder(框架的边框), srcolling(滚动条) 其他:  &

Andriod React Native 样式表中可用样式属性

写了这么多篇Android React Native的博文,基本上把复杂的东西都搞定了,接下来来看看一些轻松的东西,和布局有关,就是css样式,那么一个View可以设置哪些css样式呢,是和web中的css样式完全一样呢,还是有所不同呢?其实你只要在样式表中书写一个不存在的样式,就会报一大堆错,提示你该样式不存在,然后提供所有可用的样式给你,如图 下面的样式就是样式表中所有可用的属性. "alignItems", "alignSelf", "backfac

样式表的属性

昨天学习了在样式表中,对标签属性进行编辑,主要是要记忆属性的名称和作用: 1.字体 font-family 字体的样式 font-size 字体大小 font-style:italic: 字体倾斜 font-weight:bold字体加粗 text-decoration:underline; 下划线 overline      上画线 line-through 删除线(或者用<del></del>标签) color 字体颜色 2.对齐方式 text-align 水平对齐方式 ver

网站开发综合技术 第二部分 CSS样式表

第2部分 CSS样式表 CSS(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. /*注释*/    注释语法 2.1.样式表的基本概念 2.1.1.样式表分类 1.内联样式表 和html联合显示,控制精确,但是可重用性差,冗余多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里边. <style type= "

HTML 样式表

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

网页制作之html基础学习3-css样式表

样式:CSS(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. 在样式里面用 /*  */ 进行注释. 1.样式表的基本概念 1.1.样式表分类 1.内联样式表 和html联合显示,控制精确,但是可重用性差,冗余多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里边. <style type= "text/css

CSS样式表--基础知识

第2部分 CSS样式表 CSS(Cascading Style Sheets,层叠样式表),作用是美化HTML网页. /*注释*/    注释语法 2.1.样式表的基本概念 2.1.1.样式表分类 1.内联样式表 和html联合显示,控制精确,但是可重用性差,冗余多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里边. <style type= "

CSS自学笔记(3):CSS样式表的使用

当浏览器读到一个样式表时,浏览器会根据这个样式表来格式化html文档,从而表现出各式各样的网页. 想要浏览器读到样式表,有三种方法: 1.外部样式表 外部样式表可以理解为.CSS文件.当多个页面使用同一个样式的时候,外部样式表是一个很理想的选择. 在使用外部样式表的情况下,可以通过改变一个文件来改变整个站点的外观,无需在调整html文件,尤其是多个页面使用同一个样式的时候. 每个html页面使用标签<link>来连接外部样式表: <head> <link rel="