大一上学期前端HTML和CSS总结第一部分

比较乱

  • 用link引入:
  • border-style: dotted solid double dashed;//上边框是点状,左边框是虚线,下边框是双线,右边框是实线
  • font-style 字体风格 font-weight 字体粗细 font-size 字体大小 font-family 字体样式 color 字体颜色 text-shadow 阴影颜色 line-height 字体行高 letter-spacing 字间距
  • 文本修饰:text-align:left/right/center
  • 背景样式:background-color:yellow;background-image:url(url)none;
  • 框架样式:边界留白-margin-top margin-bottom margin-left margin-right 边界补白 padding-top padding-bottom padding-right padding-left 边框颜色 border-color

第二张的笔记

  • 什么是css语法?
  • css是层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。css语法由三部分构成:选择器,属性和值。
  • 选择器通常是你希望定义的HTML元素或标签
  • 属性是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明

列举常见的css选择器?

  • id选择器:同一页面不能重名,样式表内的标识是#

  • 类(class)选择器:同一页面可以重名。样式表内的标识是:calss:同一元素可以有不同的名字,用空格隔开。代码如下

    div2

class同时有两个类型:box box2

  • 类型(标签)选择器:在style内直接设置如:div{…} p{…}

  • 包含(后代)选择器:在style内设置如#box p{...}

  • 群组选择器:在style内设置如:div,span{...}

  • 通配符 *:代表所有的标签
    background属性怎么简写?

  • background:url(img/img.gif) no-repeat #ccc fixed 100px 100px;顺序随意调换,但background-position中的x,y属于一个整体两者之间不能换位,中间不能有其他属性
    文本的属性有哪些?请写成font的复合式写法?

  • font-size:字体大小

  • font-weight:文字是否加粗 bold:加粗normal:正常

  • line-height:行高(每行文字的高度,文字上下居中)

  • font-style:文字样式 italic斜体 normal正常

  • font-family:“宋体”;改变字体

  • font(复合样式):顺序不能改 font:font-weight font-style font-size font-familyfont中两个必写项:font:font-size font-family
    text-indent有什么作用?
    text-indent:首行缩进(1em=一个字体大小)
    超链接a标签的作用有哪些?
    a标签:网页名 跳转页面

  • < a href=“压缩包地址”>下载

  • a标签的默认样式是什么?

  • a标签:

    划分页面板块
    头部
    底部
    • 无序列表
    • 无序列表
    1. 有序列表
    2. 有序列表
    定义列表项目
    dt的展开描述

    标签

    段落

    内嵌元素

    内嵌元素代表:可以在一行显示。不支持宽度,对上下的padding和margin等的样式支持也有问题。宽度由内容撑开。代码换行会被解析出来(宋体的情况下,空格占字体大小的一半)
    内嵌元素

    
    
    
    "#">链接
    

    大一上学期前端HTML和CSS总结第一部分_第1张图片
    大一上学期前端HTML和CSS总结第一部分_第2张图片
    大一上学期前端HTML和CSS总结第一部分_第3张图片
    大一上学期前端HTML和CSS总结第一部分_第4张图片
    大一上学期前端HTML和CSS总结第一部分_第5张图片
    大一上学期前端HTML和CSS总结第一部分_第6张图片
    大一上学期前端HTML和CSS总结第一部分_第7张图片
    大一上学期前端HTML和CSS总结第一部分_第8张图片
    大一上学期前端HTML和CSS总结第一部分_第9张图片
    大一上学期前端HTML和CSS总结第一部分_第10张图片
    大一上学期前端HTML和CSS总结第一部分_第11张图片

  • 你可能感兴趣的:(大一上学期前端HTML和CSS总结第一部分)