欢迎访问 生活随笔!

凯发k8官方网

当前位置: 凯发k8官方网 > 前端技术 > css >内容正文

css

css样式选择器 -凯发k8官方网

发布时间:2025/1/21 css 31 豆豆
凯发k8官方网 收集整理的这篇文章主要介绍了 css样式选择器 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

css是英文cascading style sheets的缩写,称为层叠样式表,用于对页面进行美化。存在方式有三种:

元素内联、页面嵌入和外部引入。比较三种方式的优缺点。

语法:style='key1:value;key2:value2;'

  • 在标签中使用style='xx:xxx;'

  • 在页面中嵌入:

  • 引入外部css文件


  • 必要性:美工会对页面的色彩搭配和图片的美化负责,开发人员必须知道是如何实现的。


    分别看下上面三种方式怎么使用:

    1、在标签中使用

    页面一 123


    2、在页面中嵌入 

    页面一 123456
    aaa

    即在代码中添加一个代码块,自定义一个样式,然后在后面的代码中可以反复调用



    3、引入外部css文件

    如果有多个html文件需要引用自定义的css样式,那么按照第二种方式的做法就需要在每一个html文件中定义一个样式,为了解决这个问题,可以定义一个文件,写入自定义的样式,然后从文件中调用这个样式即可。




    style的写法:

    1、class选择器

    .logo表示class='logo'时,引用该样式


    2、id选择器

    #logo表示id='logo'时,引用该样式


    3、组合选择器选择器

    a,div表示所有的a标签和div标签引用该样式


    4、关联选择器

    a div表示层级关系,即所有a标签下面的div标签应用该样式。


    5、属性选择器

    input[type='text'],属性标签,表示所有的type为'text'的标签引用该样式


    6、.logo a,.logo p表示class='logo'时,下面的所有a标签和class='logo'时下面所有的p标签,引用该样式





    转载于:https://blog.51cto.com/zengestudy/1892346

    总结

    以上是凯发k8官方网为你收集整理的css样式选择器的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得凯发k8官方网网站内容还不错,欢迎将凯发k8官方网推荐给好友。

    网站地图